first commit

IliasHad · Apr 13, 2019 · 3fab6cf · 3fab6cf
commit 3fab6cf
Show file tree

Hide file tree

Showing 66 changed files with 806 additions and 0 deletions.
diff --git a/Build/css/main.css b/Build/css/main.css
@@ -0,0 +1,98 @@
+*, *::before, *::after {
+    margin: 0;
+    padding: 0;
+}
+html, body {
+    box-sizing: border-box;
+}
+body {
+    font-size: 62.5%;
+    font-family: sans-serif;
+
+}
+.container {
+    display: grid;
+    grid-template-columns: max-content 1fr;
+    grid-template-areas: 'list hero' 'list content';
+}
+.left__side {
+    grid-area: list;
+    overflow-y: scroll;
+    display: inline-block;
+    padding: 1rem 1rem 5rem 1rem;
+    height: 80vh;
+
+}
+.hero {
+    grid-area: hero;
+
+}
+.right__side {
+    grid-area: content;
+}
+.tools__heading, .ressources__heading {
+    font-size: 2rem;
+    margin: 2rem 0;
+
+    display: inline-block;
+
+}
+
+.list__link {
+    text-decoration: none;
+    color: #000;
+    font-size: 1.1rem;
+
+}
+.tools__list, .ressources__list {
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+}
+.tools__list li:not(:last-of-type), .ressources__list li:not(:last-of-type) {
+    margin-bottom: 2rem;
+}
+.tools__link, .ressources__link {
+    text-decoration: none;
+    color: #000;
+    font-size: 1.3rem;
+}
+.tools__description , .ressources__description {
+    font-size: 1rem;
+    margin: 1rem 0;
+    width: 80%;
+    line-height: 1.8;
+}
+.tools__content, .ressources__content {
+    display: grid;
+}
+.tools__heading-content, .ressources__heading-content {
+    font-size: 1.5rem;
+    text-align: center;
+}
+.tools, .ressources {
+    display: grid;
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+}
+.tools__content-list, .ressources__content-list {
+    margin-left: 2rem;
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    padding-top: 2rem;
+}
+.tools__description-content, .ressources__description-content {
+    text-align: center;
+    margin: 1rem 0;
+    font-size: 1rem;
+    color: gray;
+    font-weight: 300;
+
+}
+.tool__img {
+    height: 5rem;
+    width: 5rem;
+    margin-bottom: 2rem;
+    margin-left: 2rem;
+    border-radius: 50%;
+}
diff --git a/Build/img/Andy Sterkowitz.jpg b/Build/img/Andy Sterkowitz.jpg
diff --git a/Build/img/ForrestKnight.jpg b/Build/img/ForrestKnight.jpg
diff --git a/Build/img/Joshua Fluke.jpg b/Build/img/Joshua Fluke.jpg
diff --git a/Build/img/Sara Soueidan.jpg b/Build/img/Sara Soueidan.jpg
diff --git a/Build/img/airbnb.ico b/Build/img/airbnb.ico
diff --git a/Build/img/behance.ico b/Build/img/behance.ico
diff --git a/Build/img/buildiwth.png b/Build/img/buildiwth.png
diff --git a/Build/img/burst.png b/Build/img/burst.png
diff --git a/Build/img/burstshopifycom.jpg b/Build/img/burstshopifycom.jpg
diff --git a/Build/img/canisue.png b/Build/img/canisue.png
diff --git a/Build/img/chris sean.jpg b/Build/img/chris sean.jpg
diff --git a/Build/img/clippy.png b/Build/img/clippy.png
diff --git a/Build/img/codeburst.png b/Build/img/codeburst.png
diff --git a/Build/img/codecanyon.png b/Build/img/codecanyon.png
diff --git a/Build/img/coding tech.jpg b/Build/img/coding tech.jpg
diff --git a/Build/img/coding train.jpg b/Build/img/coding train.jpg
diff --git a/Build/img/codrops.png b/Build/img/codrops.png
diff --git a/Build/img/collectui.ico b/Build/img/collectui.ico
diff --git a/Build/img/css tricks.jpg b/Build/img/css tricks.jpg
diff --git a/Build/img/designcourse.jpg b/Build/img/designcourse.jpg
diff --git a/Build/img/devtips.jpg b/Build/img/devtips.jpg
diff --git a/Build/img/dribbble.png b/Build/img/dribbble.png
diff --git a/Build/img/fiverr.com b/Build/img/fiverr.com
diff --git a/Build/img/fiverr.png b/Build/img/fiverr.png
diff --git a/Build/img/freebiesbug.png b/Build/img/freebiesbug.png
diff --git a/Build/img/freecodecamp.png b/Build/img/freecodecamp.png
diff --git a/Build/img/fun fun function.jpg b/Build/img/fun fun function.jpg
diff --git a/Build/img/github.png b/Build/img/github.png
diff --git a/Build/img/google.ico b/Build/img/google.ico
diff --git a/Build/img/google.png b/Build/img/google.png
diff --git a/Build/img/icomoon.ico b/Build/img/icomoon.ico
diff --git a/Build/img/icomoon.png b/Build/img/icomoon.png
diff --git a/Build/img/iconmoon.ico b/Build/img/iconmoon.ico
diff --git a/Build/img/ionicons.png b/Build/img/ionicons.png
diff --git a/Build/img/jomatech.jpg b/Build/img/jomatech.jpg
diff --git a/Build/img/landbook.png b/Build/img/landbook.png
diff --git a/Build/img/lifeofluba.jpg b/Build/img/lifeofluba.jpg
diff --git a/Build/img/manypixels.png b/Build/img/manypixels.png
diff --git a/Build/img/medium.png b/Build/img/medium.png
diff --git a/Build/img/metatags.png b/Build/img/metatags.png
diff --git a/Build/img/pexels.png b/Build/img/pexels.png
diff --git a/Build/img/producthunt.png b/Build/img/producthunt.png
diff --git a/Build/img/programming.svg b/Build/img/programming.svg
diff --git a/Build/img/publicpais.png b/Build/img/publicpais.png
diff --git a/Build/img/reactressources.ico b/Build/img/reactressources.ico
diff --git a/Build/img/reddit.png b/Build/img/reddit.png
diff --git a/Build/img/remoteok.png b/Build/img/remoteok.png
diff --git a/Build/img/sizzy.png b/Build/img/sizzy.png
diff --git a/Build/img/smashmagazine.png b/Build/img/smashmagazine.png
diff --git a/Build/img/stackoverflow.ico b/Build/img/stackoverflow.ico
diff --git a/Build/img/syntax.png b/Build/img/syntax.png
diff --git a/Build/img/taskbook.png b/Build/img/taskbook.png
diff --git a/Build/img/themforest.png b/Build/img/themforest.png
diff --git a/Build/img/traversy media.jpg b/Build/img/traversy media.jpg
diff --git a/Build/img/ui8.png b/Build/img/ui8.png
diff --git a/Build/img/uigradients.png b/Build/img/uigradients.png
diff --git a/Build/img/undraw.png b/Build/img/undraw.png
diff --git a/Build/img/unspash.png b/Build/img/unspash.png
diff --git a/Build/img/uplabs.png b/Build/img/uplabs.png
diff --git a/Build/img/upwork.png b/Build/img/upwork.png
diff --git a/Build/img/wes bos.jpg b/Build/img/wes bos.jpg
diff --git a/Build/img/weworkremotely.png b/Build/img/weworkremotely.png
diff --git a/Build/index.html b/Build/index.html
diff --git a/Build/js/app.js b/Build/js/app.js
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+# Developer-Tools-and-Resources