Buse-Moumen-class3 (#72)

* HTML exercises * HTML exercises * HTML exercises * HTML exercises * deleted .DS store files * file name changed * file name changed * This is our project for Bootstrap website. * new * Calculator * Calculator
ReCoded-Org · Apr 27, 2021 · 62d8a6c · 62d8a6c
1 parent f68aab9
commit 62d8a6c
Show file tree

Hide file tree

Showing 37 changed files with 996 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/class-1/.DS_Store b/class-1/.DS_Store
diff --git a/class-1/moumen-duaa/.DS_Store b/class-1/moumen-duaa/.DS_Store
diff --git a/class-3/.DS_Store b/class-3/.DS_Store
diff --git a/class-3/Buse-Moumen-Class3/.DS_Store b/class-3/Buse-Moumen-Class3/.DS_Store
diff --git a/class-3/Buse-Moumen-Class3/Assignment 2.png b/class-3/Buse-Moumen-Class3/Assignment 2.png
diff --git a/class-3/Buse-Moumen-Class3/README.md b/class-3/Buse-Moumen-Class3/README.md
@@ -0,0 +1 @@
+This is our project for Bootstrap website.
diff --git a/class-3/Buse-Moumen-Class3/img/bg.jpg b/class-3/Buse-Moumen-Class3/img/bg.jpg
diff --git a/class-3/Buse-Moumen-Class3/img/code.png b/class-3/Buse-Moumen-Class3/img/code.png
diff --git a/class-3/Buse-Moumen-Class3/img/dia.png b/class-3/Buse-Moumen-Class3/img/dia.png
diff --git a/class-3/Buse-Moumen-Class3/img/earth.png b/class-3/Buse-Moumen-Class3/img/earth.png
diff --git a/class-3/Buse-Moumen-Class3/img/email.png b/class-3/Buse-Moumen-Class3/img/email.png
diff --git a/class-3/Buse-Moumen-Class3/img/heart.png b/class-3/Buse-Moumen-Class3/img/heart.png
diff --git a/class-3/Buse-Moumen-Class3/img/heart1.png b/class-3/Buse-Moumen-Class3/img/heart1.png
diff --git a/class-3/Buse-Moumen-Class3/img/office1.png b/class-3/Buse-Moumen-Class3/img/office1.png
diff --git a/class-3/Buse-Moumen-Class3/img/office2.png b/class-3/Buse-Moumen-Class3/img/office2.png
diff --git a/class-3/Buse-Moumen-Class3/img/office3.png b/class-3/Buse-Moumen-Class3/img/office3.png
diff --git a/class-3/Buse-Moumen-Class3/img/office4.png b/class-3/Buse-Moumen-Class3/img/office4.png
diff --git a/class-3/Buse-Moumen-Class3/img/office5.png b/class-3/Buse-Moumen-Class3/img/office5.png
diff --git a/class-3/Buse-Moumen-Class3/img/office6.png b/class-3/Buse-Moumen-Class3/img/office6.png
diff --git a/class-3/Buse-Moumen-Class3/img/phone.png b/class-3/Buse-Moumen-Class3/img/phone.png
diff --git a/class-3/Buse-Moumen-Class3/index.html b/class-3/Buse-Moumen-Class3/index.html
@@ -0,0 +1,118 @@
+  <!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>repl.it</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+
+
+      <div class="firstsection">
+        <nav>
+
+          <div class="logo">Start Bootstrap</div>
+
+
+            <ul class="menu">
+                <li><a href="#">About</a></li>
+                <li><a href="#">Services</a></li>
+                <li><a href="#">Portfolio</a></li>
+                <li><a href="#">Contact</a></li>
+            </ul>
+          </nav>
+
+
+
+                <div class="maintitle">
+            <h1>YOUR FAVOURITE SOURCE OF FREE BOOTSTRAP THEMES </h1>
+            <hr class="orange">
+
+            <p>Start Bootstrap can help you build better websites using the Bootstrap framework! Just download a theme start customizing, no strings attached!</p>
+            <button>FIND OUT MORE</button>
+          </div>
+           </div>  
+      </div>
+
+      <div class="secondsection">
+
+        <h2>We got what you need</h2>
+        <hr class="white">
+        <p>Start Bootstrap has everything you need to get your new website up and running in no time! Choose one of our open source, free to download, and easy to use theme! No strings attached!</p>
+        <button>GET STARTED</button>
+
+      </div>
+
+      <div class="thirdsection">
+        <h2>At Your Service</h2>
+        <hr class="orange">
+          <div class="services">
+              <div class="icons">
+                <img src="img/dia.png">
+                <h3>Sturdy Themes</h3>
+                <p>Our themes are updated regularly to keep them bug free!</p>
+              </div>
+
+              <div class="icons">
+                <img src="img/code.png">
+                <h3>Up do Date</h3>
+                <p>Our themes are updated regularly to keep them bug free!</p>
+              </div>
+
+              <div class="icons">
+                <img src="img/earth.png">
+                <h3>Ready to Publish</h3>
+                <p>Our themes are updated regularly to keep them bug free!</p>
+              </div>
+
+              <div class="icons">
+                <img src="img/heart1.png">
+                <h3>Made with Love</h3>
+                <p>Our themes are updated regularly to keep them bug free!</p>
+              </div>
+          </div>
+        </div>
+
+
+          <div class="gallery" >
+
+		<div class="officeImg"><img src="img/office1.png"></div>
+    <div class="officeImg"><img src="img/office2.png"></div>
+    <div class="officeImg"><img src="img/office3.png"></div>
+    <div class="officeImg"><img src="img/office4.png"></div>
+    <div class="officeImg"><img src="img/office5.png"></div>
+    <div class="officeImg"><img src="img/office6.png"></div>
+
+</div>
+
+
+        <div class="fifthsection" >
+            <h2>Free Download at Start Bootstrap</h2>
+             <button>Download Now!</button>
+
+        </div>
+      <footer>
+        <h2>Let's Get in Touch!</h2>
+        <hr class="orange">
+        <p>Ready to start your next project with us? Give us a call or sed us an e-mail and we will get back to you as soon as possible.</p>
+
+        <div class="contact">
+        <div class="phone">
+          <img class="iconf" src="img/phone.png">
+          <p>+1(202)555-01-49</p>
+        </div>
+        <div class="email">
+          <img class="iconf" src="img/email.png">
+          <p><a href="mailto:[email protected]">[email protected]</a></p>
+        </div>
+        </div>
+
+        </footer>
+          <div class="copyright">Copyright © 2019-Start Bootstrap</div>
+
+
+
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/class-3/Buse-Moumen-Class3/script.js b/class-3/Buse-Moumen-Class3/script.js