Crew page

devvsakib · devvsakib · commit 3ed03d15a3b1 · 2022-08-19T20:39:04.000+06:00
diff --git a/spacetourismwebsite/starter-code/crew.html b/spacetourismwebsite/starter-code/crew.html
@@ -1,27 +1,63 @@
-<!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
   <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
-  
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
+    integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
   <title>Frontend Mentor | Space tourism website</title>
+  <link rel="stylesheet" href="assets/css/style.css">
+  <link rel="stylesheet" href="assets/css/crew.css">
 </head>
-<body>
 
-  00 Home
-  01 Destination
-  02 Crew
-  03 Technology
-
-  02 Meet your crew
-
-  Commander
-  Douglas Hurley
+<body>
+  <section class="container-fluid px-0">
+    <div class="row px-0 mt-4 aCenter">
+      <div class="col-md-5 pl-5">
+        <div class="logo pl-4">
+          <img src="assets/shared/logo.svg" alt="logo" srcset="">
+          <span id="nav_line"></span>
+        </div>
+      </div>
+      <div class="col-md-7 px-0">
+        <nav class="menu_container">
+          <ul class="main_menu">
+            <li><a href="/starter-code/index.html"><span>00</span> Home</a></li>
+            <li><a href="/starter-code/destination.html"><span>01</span> destination</a></li>
+            <li><a href="#"><span>02</span> crew</a></li>
+            <li><a href="#"><span>03</span> Technology</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </section>
+  <section class="container feature-section">
+    <div class="row">
+      <h5><span>01</span> pick your destination</h5>
+      <div class="col-md-6 col-sm-6">
+        <div class="left_content">
+          <div class="crew_content">
+            <h4 class="subHeading"></h4>
+            <h2 class="mainHeading"></h2>
+            <p class="paraDes"></p>
+          </div>
+          <div class="crewTabBtn">
+            <li class="dots mkWhite" value="0"></li>
+            <li class="dots" value="1"></li>
+            <li class="dots" value="2"></li>
+            <li class="dots" value="3"></li>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-6 col-sm-6">
+        <div class="right_content">
+          <img id="crewImg" src="./assets/crew/image-mark-shuttleworth.webp" alt="">
+        </div>
+      </div>
+    </div>
+  </section>
 
-  Douglas Gerald Hurley is an American engineer, former Marine Corps pilot 
-  and former NASA astronaut. He launched into space for the third time as 
-  commander of Crew Dragon Demo-2.
+<script src="./assets/js/crew.js"></script>
 </body>
 </html>
