diff --git a/agile-dev/css/custom.css b/agile-dev/css/custom.css
index 7e238e3..51d5b8c 100644
--- a/agile-dev/css/custom.css
+++ b/agile-dev/css/custom.css
@@ -1,7 +1,50 @@
+
+/* section 1 */
+header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+    background-color: #9c9c9c;
+  }
+
+  img {
+    width: 200px;
+  }
+  
+  
+  .logo {
+    width: 50px;
+    height: 50px;
+  }
+  
+
+
+  .buttonsec1 {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  
+  .buttonsec1 {
+    background-color: transparent;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    transition: opacity 0.3s;
+  }
+  
+  buttonsec.buttonsec1 {
+    opacity: 0.8;
+  }
+  
+  
+/* section 1 */
 nav .imagelogo{
     padding-left: 25px;
     padding-top: 9px;
 }
 nav .listenav{
     padding-right: 35px;
-}
\ No newline at end of file
+}
+
diff --git a/agile-dev/index.html b/agile-dev/index.html
index 9dd86ff..29a2a5c 100644
--- a/agile-dev/index.html
+++ b/agile-dev/index.html
@@ -9,6 +9,9 @@
     <link type="text/css" rel="stylesheet" href="css/custom.css"/>
     <!--Let browser know website is optimized for mobile-->
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+
+
     <title>🤙 Yo! app</title>
   </head>
   <body>
@@ -33,6 +36,29 @@
 
     
 
+    <!--Début section 1-->
+      <div>
+        <section>
+          <div class="iphone section1">
+            <img src="img/iphone_features_light.png" alt="iphone section1">
+          </div>
+            <div class="buttonsec1">
+                <h1 style="font-size: medium;">Lorem ipsum</h1>
+                <button><img src="img/download_ios.png" alt="boutton"></button>
+                <button><img src="img/download_android.png" alt="boutton"></button> 
+            </div>
+        </section>
+      </div>
+    <!--Fin section 1-->
+
+
+
+
+
+
+
+    <!-- finish code here -->
+
     <!--Import materialize.js - JavaScript at end of body for optimized loading-->
     <script type="text/javascript" src="materialize.js"></script>
     <!--Import your custom.js-->
