diff --git a/.DS_Store b/.DS_Store
index 3639c26..0a752ac 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/flexbox-layout/.DS_Store b/flexbox-layout/.DS_Store
index 2e1d0dc..5246769 100644
Binary files a/flexbox-layout/.DS_Store and b/flexbox-layout/.DS_Store differ
diff --git a/landing-page/.DS_Store b/landing-page/.DS_Store
index c8903c5..f92d753 100644
Binary files a/landing-page/.DS_Store and b/landing-page/.DS_Store differ
diff --git a/landing-page/css/main.css b/landing-page/css/main.css
index a384fb4..4b75848 100755
--- a/landing-page/css/main.css
+++ b/landing-page/css/main.css
@@ -198,29 +198,200 @@ textarea {
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
+main h1{
+  font-family: 'Raleway', sans-serif;
+}
+main h2{
+  font-family: 'Raleway', sans-serif;
+  font-weight: 100;
+}
+.brand-bar, footer{
+  font-family: 'Open Sans', sans-serif;
+}
+
+.nav{
+  background-color: black;
+
+}
+
+.dropbtn{
+  color: grey;
+
+}
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  padding: 12px 16px;
+  z-index: 1;
+  font-family: 'Open Sans', sans-serif;
+  color:black;
+}
+
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+.dropdown-content a{
+    display: block;
+    text-decoration: none;
+}
+nav{
+  padding:20px;
+  background-color: black;
+}
+
+main{
+    background-image: url(../img/image.png);
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+   
+}
+.welcome{
+  position: center;
+  color: white;
+  padding:20px;
+}
+.button1 button{
+  border: 2px solid white;
+  color: white;
+  background:none;
+  padding:10px 20px 10px 20px;
+  font-family: 'Open Sans', sans-serif;
+
+
+}
+
+form{
+width:400px;
+ background-color: white;
+ text-align: center;
+ font-family: 'Open Sans', sans-serif;
+
+}
+form .form-contents input{
+    width:300px;
+    margin:50px;
+    padding:10px 0px 10px 0px;
+
+}
+
+form input{
+    border-top-style: hidden;
+    border-right-style: hidden;
+    border-left-style: hidden;
+    border-bottom: 2px solid grey;
+    display:block;
+    color:grey;
+ 
+
+}
+
+form p{
+  background-color: #f5f5f5;
+  padding:15px;
+}
+form p strong{
+  color:#ff9966;
+}
+.button2 button{
+  background-color: #ff9966;
+  width:100%;
+  color:white;
+  padding:30px;
+   margin-top:40px;
+
+}
+
+
+.brand-bar{
+  background-color: #ffffff;
+  padding: 20px;
+
+
+}
+.brand-bar h2, i{
+  color: grey;
+}
+.brand-bar .logos1{
+  display: none;
+}
+footer{
+    background-color: black;
+    padding:20px;
+}
+
+footer .logos2{
+  display: flex;
+justify-content: space-around;
+  color: #cccccc;
+  align-items: center;
+
+
+}
+
+footer p{
+  color: ffffff;
+  text-align: center;
+
+}
+
+
+@media (max-width: 600px){
+
+nav img{
+  display: none;
+}
+form{
+  margin:50px;
+}
+
+
+
+
 
-    nav ul li{
-        list-style: none;
-    }
-    nav a{
-        text-decoration: none;
 
-    }
 
-@media (min-width: 400px){
-    nav {
-        display:flex;
-        justify-content: space-between
 
-    }
-    nav ul {
-        display:flex;
-        
-    }
 
 
 }
 
+@media (min-width: 600px){
+
+nav div img{
+  display: none;
+
+}
+
+footer .logos2 {
+  width:50%;
+  margin: 0 auto;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+}
+
+
+
+   
 @media print,
        (-webkit-min-device-pixel-ratio: 1.25),
        (min-resolution: 1.25dppx),
diff --git a/landing-page/img/.DS_Store b/landing-page/img/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/landing-page/img/.DS_Store differ
diff --git a/landing-page/img/image.jpg b/landing-page/img/image.jpg
new file mode 100644
index 0000000..0164b96
Binary files /dev/null and b/landing-page/img/image.jpg differ
diff --git a/landing-page/img/image.png b/landing-page/img/image.png
new file mode 100644
index 0000000..cea5b2c
Binary files /dev/null and b/landing-page/img/image.png differ
diff --git a/landing-page/img/logo.png b/landing-page/img/logo.png
new file mode 100644
index 0000000..3b46268
Binary files /dev/null and b/landing-page/img/logo.png differ
diff --git a/landing-page/img/logo2.png b/landing-page/img/logo2.png
new file mode 100644
index 0000000..4ce6e29
Binary files /dev/null and b/landing-page/img/logo2.png differ
diff --git a/landing-page/index.html b/landing-page/index.html
index 9078c70..656d5d6 100755
--- a/landing-page/index.html
+++ b/landing-page/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
-  <title></title>
+  <title>Landing Page</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
@@ -14,6 +14,9 @@
 
   <link rel="stylesheet" href="css/normalize.css">
   <link rel="stylesheet" href="css/main.css">
+  <script src="https://kit.fontawesome.com/f55f87c955.js" crossorigin="anonymous"></script>
+  <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
 </head>
 
 <body>
@@ -22,74 +25,128 @@
   <![endif]-->
 
   <!-- Add your site or application content here -->
- <nav>
-    <ul>
-     <li><a href="#"><i class="logo"></a></i></li>
-    </ul>
-  <div>
-    <ul>
-      <li><a href="#">Features</a></li>
-      <li><a href="#">About</a></li>
-       <li><a href="#">Pricing</a></li>
-       <li><a href="#">Reviews</a></li>
-       <li><a href="#">Contact</a></li>
-    </ul>
+  <nav>
+
+    <div class="navbar-nav">
+      <div class="dropdown">
+        <button class="dropbtn"><i class="fas fa-bars"></i></button>
+        <div class="dropdown-content">
+          <a href="#">Features</a>
+          <a href="#">About</a>
+          <a href="#">Pricing</a>
+          <a href="#">Reviews</a>
+          <a href="#">Contact</a>
+        </div>
+      </div>
+    </div>
+
+  <div><img src="img/logo2.png" alt="Logo">
+
   </div>
-  
- </nav>
+  </nav>
 
-<header>
-  <div>
-    <img src="#" alt="logo">
+ 
+
+<main>
+
+
+  <div class="welcome">
+    <img src="img/logo.png" alt="Logo">
     <h1>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1>
-    <section></section>
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
-euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.</p>
-   <button>Download</button>
+    <div><p>_____________________</p></div>
+    <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
+euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.</h2>
+
+  <div class="button1"><button>Download</button></div> 
+
   </div>
 
-  <div>
+
+
+
+
+
+  <div class="form">
    <form>
      <p>Try Your <strong>FREE</strong> Trial Today</p>
-     
+  <div class="form-contents">
+    <input type="text" id="name" placeholder="Name" required />
+    <input type="text" id="address" placeholder="Email" required />
+    <input type="text" id="password" placeholder="Password" required/>
+
+      
+  </div>
+  <div class="button2"><button type="submit">Get Started</button></div>
+
+
 
 
    </form>
   </div>
-</header>
+
+
 
 <div class="brand-bar">
   <div>
     <h1>Social Media</h1>
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</p>
+    <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</h2>
   </div>
-  <div>
-      <img src="#" alt="Facebook Logo">
-      <img src="#" alt="Twitter Logo">
-      <img src="#" alt="Google+ Logo">
-      <img src="#" alt="Pinterest Logo">
-      <img src="#" alt="Instagram Logo">
-      <img src="#" alt="SU">
-      <img src="#" alt="Wifi logo">
+
+  <div class="logos1">
+      <div>
+          <i class="fab fa-facebook-f"></i>
+      </div>
+      <div>
+          <i class="fab fa-twitter"></i>
+      </div>
+      <div>
+        <i class="fab fa-google-plus-g"></i>
+      </div>
+      <div>
+        <i class="fab fa-pinterest"></i>
+      </div>
+      <div>
+        <i class="fab fa-instagram"></i>   
+      </div>
+      <div>
+        <i class="fab fa-stumbleupon"></i>
+      </div>
+      <div>
+        <i class="fas fa-wifi"></i>
+      </div>
     
   </div>
 
 </div>
+</main>
 
 <footer>
-<div>
-   <img src="#" alt="Facebook Logo">
-      <img src="#" alt="Twitter Logo">
-      <img src="#" alt="Google+ Logo">
-      <img src="#" alt="Pinterest Logo">
-      <img src="#" alt="Instagram Logo">
-      <img src="#" alt="SU">
-      <img src="#" alt="Wifi logo">
+<div class="logos2">
+    <div>
+        <i class="fab fa-facebook-f"></i>
+    </div>
+    <div>
+        <i class="fab fa-twitter"></i>
+    </div>
+    <div>
+      <i class="fab fa-google-plus-g"></i>
+    </div>
+    <div>
+      <i class="fab fa-pinterest"></i>
+    </div>
+    <div>
+      <i class="fab fa-instagram"></i>   
+    </div>
+    <div>
+      <i class="fab fa-stumbleupon"></i>
+    </div>
+    <div>
+      <i class="fas fa-wifi"></i>
+    </div>
+
 
 </div>
-<div>
-  <img src="#" alt="copywrite"><p>2015 Axure Themes</p>
-</div>
+<p>2015 Axure Themes</p>
 
 
 </footer>