Merge pull request #23 from dsd739/dsd

On branch dsd
NageshMandal · Oct 21, 2022 · e292e22 · e292e22
2 parents 1d975d2 + 6e37621
commit e292e22
Show file tree

Hide file tree

Showing 2 changed files with 57 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -1,30 +1,47 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="bharat" href="#" type="image">
+ <head>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="bharat" href="#" type="image" />
  <title>Hello World</title>
- <link rel="stylesheet" href="style.css">
- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet">
-</head>
-<body>
- <h1>Hello world</h1>
-<nav>
- <ul>
- <li> I'm here to sell my car.</li>
- </ul>
-</nav>
-
- <button>
- Submit
- </button>
- <input type="checkbox" id="vehicle1" name="vehicle1" value="bike">
+ <link rel="stylesheet" href="style.css" />
+ <link
+ href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap"
+ rel="stylesheet"
+ />
+ </head>
+ <body>
+ <div class="container">
+ <div class="con">
+ <h1>Hello world</h1>
+ <nav>
+ <ul>
+ <li>I'm here to sell my car.</li>
+ </ul>
+ </nav>
+
+ <button>Submit</button>
+ <input type="checkbox" id="vehicle1" name="vehicle1" value="bike" />
  <label for="vehicle1">I have a car.</label>
- <br>
- <img src="/hello.jpg" alt="" width="200px">
+ <br />
+ <img src="/hello.jpg" alt="" width="200px" />
+ </div>
+ <div class="con">
+ <h1>Hello web</h1>
+ <nav>
+ <ul>
+ <li>I'm here to sell my car rolls royal. </li>
+ </ul>
+ </nav>
 
-
-</body>
+ <button>Submit</button>
+ <input type="checkbox" id="vehicle1" name="vehicle1" value="bike" />
+ <label for="vehicle1">I have a car.</label>
+ <br />
+ <img src="/Gallery_Vehicles/rolls-royce.jpg" alt="" width="200px" />
+ </div>
+ </div>
+ </body>
 </html>
diff --git a/style.css b/style.css
@@ -1,3 +1,6 @@
+body{
+
+}
 button{
  padding: 10px;
  border-radius: 10px;
@@ -9,5 +12,17 @@ button{
 }
 button:hover{
  background-color: deeppink;
- color: white;
+ color: white;
+}
+.container
+{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100vh;
+ width: 100vw;
+}
+.container{
+ height: 33%;
+ width: 50%;
 }