webhadash

commit b3bba77cfe6471f53a519d1de34432eb84c1de40
parent 8953349e46e26c6c7fb3125e9fce9f0029fb9171
Author: therealFIGBERT <figbertwelner@gmail.com>
Date:   Mon,  9 Sep 2019 22:59:08 -0700

Reorganizing the divs and adding a rudimentary contact section

Diffstat:
M
index.html
 | 
48
++++++++++++++++++++++++++----------------------
M
main.css
 | 
74
+++++++++++++++++++++++++++++++++++++++++++++-----------------------------

2 files changed, 71 insertions(+), 51 deletions(-)
diff --git a/index.html b/index.html
@@ -11,10 +11,10 @@
         <nav>
             <a href="/" class="nav__link nav__link--currentpage">עמוד הבית</a>
             <span>&#8226;</span>
-            <a href="#articles" class="nav__link">מאמרים</a>
-            <span>&#8226;</span>
             <a href="#about" class="nav__link">אודות</a>
             <span>&#8226;</span>
+            <a href="#articles" class="nav__link">מאמרים</a>
+            <span>&#8226;</span>
             <a href="#contact" class="nav__link">צור קשר</a>
         </nav>
         <div class="pagetitle">
@@ -25,6 +25,26 @@
                 <span class="pagetitle__text--subheader">ווב אמריקיי לישראל</span>
             </div>
         </div>
+        <div class="about" id="about">
+            <div class="about__div">
+                <span class="about__header">מי אנחנו</span><br>
+                <span class="about__main">הקבוצה מאחורי ווב חדש מקצוענים<br>של עיצוב אתרים שגרים מסביב העולם</span>
+            </div>
+            <div class="about__div">
+                <span class="about__header">למה ווב חדש</span><br>
+                <span class="about__main">יש לנו שנים של ניסיון עם עיצוב אתרים<br>עזרנו הרבה אנשים לעשות אתרים יפים ומודרנים</span>
+            </div>
+            <div class="about__div">
+                <span class="about__header">תמחור</span><br>
+                <span class="about__main">עלות האתר תשתנה בהתאם למורכבות<br>המחירים מתחילים מ- 2000&#8362;</span>
+            </div> 
+        </div>
+        <div class="designbackground">
+            <div class="designbackground__div">
+                <img src="images/white-background.jpg" class="designbackground__img">
+                <span class="designbackground__text" style="color: darkblue;">הדבר הראשון שמישהו רואה בך הוא האתר שלך</span>
+            </div>
+        </div>
         <div class="articlepreview" id="articles">
             <div class="articlepreview__div">
                 <img src="images/shironet.png" class="articlepreview__img"><br>
@@ -40,32 +60,18 @@
             </div>
             <div class="articlepreview__div">
                 <img src="images/waze-resize.png" class="articlepreview__img"><br>
-                <span class="articlepreview__desc">למה צריכים אתר</span><br>
+                <span class="articlepreview__desc">למה אתה צריך אתר</span><br>
             </div>
         </div>
         <div class="designbackground">
             <div class="designbackground__div">
-                <img src="images/white-background.jpg" class="designbackground__img">
-                <span class="designbackground__text" style="color: darkblue;">הדבר הראשון שמישהו רואה בך הוא האתר שלך</span>
-            </div>
-            <div class="designbackground__div">
                 <img src="images/dark-blue-background.jpg" class="designbackground__img">
                 <span class="designbackground__text" style="color: white;">אתר טוב יכול להפוך מישהו ללקוח</span>
             </div>
         </div>
-        <div class="about" id="about">
-            <div class="about__div">
-                <span class="about__header">מי אנחנו</span><br>
-                <span class="about__main">הקבוצה מאחורי ווב חדש מקצוענים<br>של עיצוב אתרים שגרים מסביב העולם</span>
-            </div>
-            <div class="about__div">
-                <span class="about__header">למה ווב חדש</span><br>
-                <span class="about__main">יש לנו שנים של ניסיון עם עיצוב אתרים<br>עזרנו הרבה אנשים לעשות אתרים יפים ומודרנים</span>
-            </div>
-            <div class="about__div">
-                <span class="about__header">תמחור</span><br>
-                <span class="about__main">עלות האתר תשתנה בהתאם למורכבות<br>המחירים מתחילים מ- 2000&#8362;</span>
-            </div> 
+        <div class="contact" id="contact">
+            <span class="contact__header">תיצור איתנו קשר</span><br><br>
+            <span class="contact__main">webhadash@gmail.com</span>
         </div>
         <div class="designbackground">
             <div class="designbackground__div">
@@ -73,7 +79,5 @@
                 <span class="designbackground__text" style="color: darkblue;">באו נתקן את ווב הישראלי</span>
             </div>
         </div>
-        <div class="contact" id="contact">
-        </div>
     </body>
 </html>
 \ No newline at end of file
diff --git a/main.css b/main.css
@@ -61,35 +61,6 @@ nav {
     font-weight: 400;
 }
 
-.articlepreview {
-    width: 100%;
-    display: flex;
-    flex-direction: row-reverse;
-    flex-wrap: wrap;
-    margin-top: 100px;
-    margin-bottom: 100px;
-}
-
-.articlepreview__div {
-    text-align: center;
-    flex-grow: 1;
-    margin: 75px 50px 75px 50px;
-}
-
-.articlepreview__img {
-    width: 230px;
-    height: 230px;
-    object-fit: cover;
-    border-radius: 50%;
-    border: 2px solid #021a40;
-}
-
-.articlepreview__desc {
-    color: black;
-    font-size: 25px;
-    font-weight: 700;
-}
-
 .designbackground__div {
     position: relative;
 }
@@ -134,4 +105,49 @@ nav {
     color: black;
     font-size: calc(15px + 0.5vw);
     font-weight: 400;
+}
+
+.articlepreview {
+    width: 100%;
+    display: flex;
+    flex-direction: row-reverse;
+    flex-wrap: wrap;
+    margin-top: 100px;
+    margin-bottom: 100px;
+}
+
+.articlepreview__div {
+    text-align: center;
+    flex-grow: 1;
+    margin: 75px 50px 75px 50px;
+}
+
+.articlepreview__img {
+    width: 230px;
+    height: 230px;
+    object-fit: cover;
+    border-radius: 50%;
+    border: 2px solid #021a40;
+}
+
+.articlepreview__desc {
+    color: black;
+    font-size: 25px;
+    font-weight: 700;
+}
+
+.contact {
+    text-align: center;
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+
+.contact__header {
+    font-weight: 700;
+    font-size: calc(15px + 0.5vw);
+}
+
+.contact__main {
+    font-size: calc(10px + 0.25vw);
+    text-decoration: underline;
 }
 \ No newline at end of file