initial dev

ShaifArfan · Jul 14, 2021 · 8bb8d26 · 8bb8d26
1 parent 4432738
commit 8bb8d26
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/home.css b/home.css
@@ -0,0 +1,11 @@
+#hero .hero__wrapper {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+#hero .hero__left {
+	flex: 1;
+}
+#hero .hero__right {
+	flex: 1;
+}
diff --git a/index.html b/index.html
@@ -9,14 +9,31 @@
   <link rel="stylesheet" href="./reset.css">
   <link rel="stylesheet" href="./globalStyles.css">
   <!-- Add your custom css -->
+  <link rel="stylesheet" href="./home.css">
 </head>
 
 <body>
-  <section>
+  <!-- Hero Section -->
+  <section id="hero">
     <div class="container">
-      <h1>Hello Brother</h1>
+      <div class="hero__wrapper">
+        <div class="hero__left">
+          <h1>The flavor of tradition</h1>
+          <p class="text">
+            We are a multi-cuisine restaurant offering a wide variety of food experience in both casual and fine dining
+            environment.
+          </p>
+          <div class="button__wrapper">
+            <a href="#" class="btn primary-btn">Explore Menu</a>
+            <a href="#" class="btn">Book Table</a>
+          </div>
+        </div>
+        <div class="hero__right">
+        </div>
+      </div>
     </div>
   </section>
+  <!-- End Hero Section -->
 </body>
 
 </html>