lecture 8 (Morning)

on

 Index.html

<html>

<head>
    <title>
        Home
    </title>
    <link rel="stylesheet" href="css/style.css">
    <!-- <style>
     
    </style> -->
</head>

<body>


    <h1 align="center" style="color: red;">
        Hello world
    </h1>
    <hr>
    <h1 align="center">
        Hello world 2
    </h1>
    <p align="center">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque ad culpa, obcaecati nemo quos explicabo! Eaque
        facilis voluptatem consectetur saepe similique, dignissimos nulla fuga, autem deserunt animi soluta delectus ab.
    </p>
    <ul>
        <li>Home</li>
        <li>dummy</li>
    </ul>
</body>

</html>



Style.css File

h1 {
  color: aqua;
  background-color: blue;
  font-size: 100px;
  padding: 40px;
  margin: 40px;
}

p {
  width: 200px;
  height: 300px;
  background-color: brown;
  color: white;
  padding: 20px;
  margin: auto;
  border-radius: 30px;
}

ul {
  height: 100px;
  width: 100px;
  margin: auto;
}

Comments

Post a Comment