commit 8953349e46e26c6c7fb3125e9fce9f0029fb9171
parent 0a9f8a9f358b7fbb0c472ded4bee46387530aa08
Author: therealFIGBERT <figbertwelner@gmail.com>
Date: Sat, 7 Sep 2019 16:34:09 -0700
Added an about section, fixed nav links
Diffstat:
5 files changed, 58 insertions(+), 77 deletions(-)
diff --git a/about/index.html b/about/index.html
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-
-<html>
- <head>
- <title>About · Web Hadash</title>
- <link rel=stylesheet type="text/css" href="../main.css">
- <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,700&display=swap&subset=hebrew" rel="stylesheet">
- </head>
- <body>
- <nav>
- <a href="../index.html" class="nav__link">עמוד הבית</a>
- <span>•</span>
- <a href="../articles/" class="nav__link">מאמרים</a>
- <span>•</span>
- <a href="../about/" class="nav__link nav__link--currentpage">אודות</a>
- <span>•</span>
- <a href="../contact/" class="nav__link">צור קשר</a>
- </nav>
- </body>
-</html>
-\ No newline at end of file
diff --git a/articles/index.html b/articles/index.html
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-
-<html>
- <head>
- <title>Articles · Web Hadash</title>
- <link rel=stylesheet type="text/css" href="../main.css">
- <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,700&display=swap&subset=hebrew" rel="stylesheet">
- </head>
- <body>
- <nav>
- <a href="../index.html" class="nav__link">עמוד הבית</a>
- <span>•</span>
- <a href="../articles/" class="nav__link nav__link--currentpage">מאמרים</a>
- <span>•</span>
- <a href="../about/" class="nav__link">אודות</a>
- <span>•</span>
- <a href="../contact/" class="nav__link">צור קשר</a>
- </nav>
- </body>
-</html>
-\ No newline at end of file
diff --git a/contact/index.html b/contact/index.html
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-
-<html>
- <head>
- <title>Contact · Web Hadash</title>
- <link rel=stylesheet type="text/css" href="../main.css">
- <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,700&display=swap&subset=hebrew" rel="stylesheet">
- </head>
- <body>
- <nav>
- <a href="../index.html" class="nav__link">עמוד הבית</a>
- <span>•</span>
- <a href="../articles/" class="nav__link">מאמרים</a>
- <span>•</span>
- <a href="../about/" class="nav__link">אודות</a>
- <span>•</span>
- <a href="index.html" class="nav__link nav__link--currentpage">צור קשר</a>
- </nav>
- </body>
-</html>
-\ No newline at end of file
diff --git a/index.html b/index.html
@@ -9,13 +9,13 @@
</head>
<body>
<nav>
- <a href="index.html" class="nav__link nav__link--currentpage">עמוד הבית</a>
- <span>●</span>
- <a href="articles/" class="nav__link">מאמרים</a>
- <span>●</span>
- <a href="about/" class="nav__link">אודות</a>
- <span>●</span>
- <a href="contact/" class="nav__link">צור קשר</a>
+ <a href="/" class="nav__link nav__link--currentpage">עמוד הבית</a>
+ <span>•</span>
+ <a href="#articles" class="nav__link">מאמרים</a>
+ <span>•</span>
+ <a href="#about" class="nav__link">אודות</a>
+ <span>•</span>
+ <a href="#contact" class="nav__link">צור קשר</a>
</nav>
<div class="pagetitle">
<img src="images/server-farm.jpg" class="pagetitle__image">
@@ -25,7 +25,7 @@
<span class="pagetitle__text--subheader">ווב אמריקיי לישראל</span>
</div>
</div>
- <div class="articlepreview">
+ <div class="articlepreview" id="articles">
<div class="articlepreview__div">
<img src="images/shironet.png" class="articlepreview__img"><br>
<span class="articlepreview__desc">אתרים ישראלים</span><br>
@@ -52,10 +52,28 @@
<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₪</span>
+ </div>
+ </div>
+ <div class="designbackground">
<div class="designbackground__div">
<img src="images/masada-background.jpg" class="designbackground__img">
<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
@@ -7,7 +7,7 @@ body {
nav {
background-color: #DEDEDE;
padding: 10px;
- font-size: 18px;
+ font-size: calc(15px + 0.5vw);
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
@@ -22,7 +22,6 @@ nav {
.nav__link {
color: black;
- font-size: 2.5vh;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
@@ -53,12 +52,12 @@ nav {
}
.pagetitle__text--header {
- font-size: 135px;
+ font-size: 12vw;
font-weight: 900;
}
.pagetitle__text--subheader {
- font-size: 65px;
+ font-size: 6vw;
font-weight: 400;
}
@@ -67,8 +66,8 @@ nav {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
- margin-top: 75px;
- margin-bottom: 75px;
+ margin-top: 100px;
+ margin-bottom: 100px;
}
.articlepreview__div {
@@ -108,4 +107,31 @@ nav {
transform: translate(-50%, -50%);
font-weight: 700;
font-size: 8vw;
+}
+
+.about {
+ margin-top: 100px;
+ margin-bottom: 100px;
+ width: 100%;
+ display: flex;
+ flex-direction: row-reverse;
+ flex-wrap: wrap;
+}
+
+.about__div {
+ text-align: center;
+ flex-grow: 1;
+ margin: 70px 50px 75px 50px;
+}
+
+.about__header {
+ font-weight: 700;
+ font-size: calc(20px + 1vw);
+ color: black;
+}
+
+.about__main {
+ color: black;
+ font-size: calc(15px + 0.5vw);
+ font-weight: 400;
}
\ No newline at end of file
