webhadash

[DORMANT] hebrew website design
git clone git://git.figbert.com/webhadash.git
Log | Files | Refs

commit 47eaed04ab36f33aa92b9346e3cb0d17de80d6a9
Author: therealFIGBERT <figbertwelner@gmail.com>
Date:   Thu,  5 Sep 2019 10:50:34 -0700

first commit

Diffstat:
A.DS_Store | 0
Aabout/index.html | 21+++++++++++++++++++++
Aarticles/index.html | 21+++++++++++++++++++++
Acontact/index.html | 21+++++++++++++++++++++
Aimages/.DS_Store | 0
Aimages/google-news-resize.png | 0
Aimages/google-news.png | 0
Aimages/haaretz-resize.png | 0
Aimages/haaretz.png | 0
Aimages/nasdaq-resize.png | 0
Aimages/nasdaq.png | 0
Aimages/server-farm.jpg | 0
Aimages/shironet-resize.gif | 0
Aimages/shironet.png | 0
Aimages/spotify-resize.png | 0
Aimages/spotify.png | 0
Aimages/tase-resize.png | 0
Aimages/tase.png | 0
Aimages/waze-resize.png | 0
Aimages/waze.png | 0
Aindex.html | 41+++++++++++++++++++++++++++++++++++++++++
Amain.css | 95+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
22 files changed, 199 insertions(+), 0 deletions(-)

diff --git a/.DS_Store b/.DS_Store Binary files differ. diff --git a/about/index.html b/about/index.html @@ -0,0 +1,20 @@ +<!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>&#8226;</span> + <a href="../articles/" class="nav__link">מאמרים</a> + <span>&#8226;</span> + <a href="../about/" class="nav__link nav__link--currentpage">אודות</a> + <span>&#8226;</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 @@ -0,0 +1,20 @@ +<!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>&#8226;</span> + <a href="../articles/" class="nav__link nav__link--currentpage">מאמרים</a> + <span>&#8226;</span> + <a href="../about/" class="nav__link">אודות</a> + <span>&#8226;</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 @@ -0,0 +1,20 @@ +<!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>&#8226;</span> + <a href="../articles/" class="nav__link">מאמרים</a> + <span>&#8226;</span> + <a href="../about/" class="nav__link">אודות</a> + <span>&#8226;</span> + <a href="index.html" class="nav__link nav__link--currentpage">צור קשר</a> + </nav> + </body> +</html> +\ No newline at end of file diff --git a/images/.DS_Store b/images/.DS_Store Binary files differ. diff --git a/images/google-news-resize.png b/images/google-news-resize.png Binary files differ. diff --git a/images/google-news.png b/images/google-news.png Binary files differ. diff --git a/images/haaretz-resize.png b/images/haaretz-resize.png Binary files differ. diff --git a/images/haaretz.png b/images/haaretz.png Binary files differ. diff --git a/images/nasdaq-resize.png b/images/nasdaq-resize.png Binary files differ. diff --git a/images/nasdaq.png b/images/nasdaq.png Binary files differ. diff --git a/images/server-farm.jpg b/images/server-farm.jpg Binary files differ. diff --git a/images/shironet-resize.gif b/images/shironet-resize.gif Binary files differ. diff --git a/images/shironet.png b/images/shironet.png Binary files differ. diff --git a/images/spotify-resize.png b/images/spotify-resize.png Binary files differ. diff --git a/images/spotify.png b/images/spotify.png Binary files differ. diff --git a/images/tase-resize.png b/images/tase-resize.png Binary files differ. diff --git a/images/tase.png b/images/tase.png Binary files differ. diff --git a/images/waze-resize.png b/images/waze-resize.png Binary files differ. diff --git a/images/waze.png b/images/waze.png Binary files differ. diff --git a/index.html b/index.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> + +<html> + <head> + <title>Web Hadash</title> + <link rel=stylesheet type="text/css" href="main.css"> + <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap&subset=hebrew" rel="stylesheet"> + </head> + <body> + <nav> + <a href="index.html" 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="contact/" class="nav__link">צור קשר</a> + </nav> + <div class="pagetitle"> + <img src="images/server-farm.jpg" class="pagetitle__image"> + <div class="pagetitle__text"> + <span class="pagetitle__text--header">ווב חדש</span> + <br> + <span class="pagetitle__text--subheader">ווב אמריקיי לישראל</span> + </div> + </div> + <div class="articlepreview"> + <div class="articlepreview__div"> + <img src="images/shironet.png" class="articlepreview__img"><br> + <span class="articlepreview__desc articlepreview__desc--header">ישראל</span><br> + <span class="articlepreview__desc articlepreview__desc--main">ואוו אזה תקסת שכגודישעיגשטךכימ מושיכנג ךשכחםג שחשכןוחגשצםכן חשטןוכ חדשנוןי</span> + </div> + <div class="articlepreview__div"> + <img src="images/spotify.png" class="articlepreview__img"><br> + <span class="articlepreview__desc articlepreview__desc--header">ישראל</span><br> + <span class="articlepreview__desc articlepreview__desc--main">ואוו אזה תקסת שכגודישעיגשטךכימ מושיכנ ךשכחםג שחשכןוחגשצםכן חשטןוכ חדשנוןי</span> + </div> + </div> + </body> +</html> +\ No newline at end of file diff --git a/main.css b/main.css @@ -0,0 +1,94 @@ +body { + font-family: 'Rubik', sans-serif; + text-align: right; + margin: auto; +} + +nav { + background-color: #DEDEDE; + padding: 10px; + font-size: 18px; + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; + justify-content: flex-start; + position: fixed; + top: 0; + left: 0; + z-index: 9999; + width: 99%; +} + +.nav__link { + color: black; + text-decoration: none; + padding-left: 10px; + padding-right: 10px; + font-weight: 400; +} + +.nav__link--currentpage { + font-weight: 700; +} + +.pagetitle { + position: relative; + text-align: center; + color: white; +} + +.pagetitle__image { + width: 100%; + height: 100vh; +} + +.pagetitle__text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.pagetitle__text--header { + font-size: 150px; + font-weight: 900; +} + +.pagetitle__text--subheader { + font-size: 75px; + font-weight: 400; +} + +.articlepreview { + width: 100%; + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; + margin-top: 50px; +} + +.articlepreview__div { + text-align: center; + margin-left: 75px; + margin-right: 75px; +} + +.articlepreview__img { + border-radius: 50%; + width: 200px; + height: 200px; +} + +.articlepreview__desc { + color: black; +} + +.articlepreview__desc--header { + font-size: 25px; + font-weight: 700; +} + +.articlepreview__desc--main { + font-size: 15px; + font-weight: 400; +} +\ No newline at end of file