DevMountain · jatin831 · Oct 8, 2020
diff --git a/Texture.jpg b/Texture.jpg
diff --git a/elephant.jpg b/elephant.jpg
diff --git a/index.html b/index.html
@@ -1 +1,71 @@
-<!-- Put your HTML HERE, make sure to connect your index.css sheet -->
+<!-- Put your HTML HERE, make sure to connect your index.css sheet -->
+<!doctype html>
+<html lang="en">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+        integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
+    <link rel="stylesheet" href="style.css">
+    <title>BaseCamp</title>
+</head>
+
+<body>
+    <nav class="navbar navbar-dark" style="background-color: #3e3f3fc2;">
+        <a class="navbar-brand">COMPANY</a>
+        <div class="form-inline">
+            <a class="mr-sm-2 menu"> Home </a>
+            <a class="mr-sm-2 menu"> About</a>
+            <a class="mr-sm-2 menu"> Contact</a>
+        </div>
+    </nav>
+    <div class="back-color">
+        <h1 id="heading">The More You Know</h1>
+    </div>
+    <div class="catalog">
+
+            <img class = "small" src="texture5.jpg">
+
+            <img class = "small" src="texture5.jpg">
+
+            <img class = "small" src="texture5.jpg">
+
+    </div>
+    <div class="catalog2">
+
+            <img class="big" src="texture.jpg">
+
+            <img class="big" src="texture.jpg">
+
+    </div>
+    <div class="catalog3">
+
+            <div class="text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus cum eligendi possimus nobis numquam tempore voluptatum? Officia nemo doloribus repudiandae maiores cum dolorum fuga corporis, nostrum incidunt ipsum voluptatem, quasi aperiam qui odit quae impedit doloremque laboriosam? Nisi, ex fuga placeat animi quibusdam odio dolores. Rerum qui dolores libero id.</p>
+            </div>
+            <div class="elephant">
+            <img class="Ep"src="elephant.jpg">
+        </div>
+
+    </div>
+    <div class="back-color2">
+
+    </div>
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
+        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
+        integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
+        integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
+        crossorigin="anonymous"></script>
+</body>
+
+
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,88 @@
+
+    p{
+        font-size:2vw;
+    }
+    .Ep{
+        width:24vw;
+    }
+    .catalog3{
+       display:flex;
+       height:40vw;
+       margin:3px;
+    }
+    .text{
+        /* height:20%; */
+        padding: 7% 2% 7% 7%;
+        height:61vh;
+    }
+    .elephant{
+        width:30vw;
+        padding: 4% 4% 4% 1%;
+        margin-top:4%;
+    }
+    .navbar-brand {
+        font-size: 3vw;
+
+    }
+
+    .menu {
+        font-size: 1.5vw;
+        color: white;
+        padding: 10px;
+    }
+
+    .back-color {
+        background-color: black;
+        height: 50vh;
+        margin: auto;
+        display: flex;
+        justify-content: center;
+    }
+    .back-color2 {
+        background-color: black;
+        height: 12vh;
+        margin: auto;
+        display: flex;
+        justify-content: center;
+    }
+
+    #heading {
+        text-align: center;
+        margin: auto;
+        font-size: 5vw;
+        color: Yellow;
+    }
+
+    .navbar {
+        padding: 0.18rem 2rem;
+    }
+
+    .card {
+        width: 100px;
+        height: 200px;
+    }
+    .small{
+
+        width :30vw;
+        padding:1%;
+    }
+    .big{
+        margin-right: 5%;
+        width:43vw;
+        padding:1%;
+    }
+    .catalog {
+        width: 100%;
+        display:flex;
+        align-items: center;
+       justify-content: space-evenly;
+
+    }
+    .catalog2 {
+        width: 94%;
+        display:flex;
+
+
+       margin-left:3%;
+
+    }
diff --git a/texture5.jpg b/texture5.jpg