From 60af889e53d094aa6627327b99f018f5c6c8e084 Mon Sep 17 00:00:00 2001 From: esmaydogdu Date: Fri, 12 Feb 2021 22:48:16 +0300 Subject: [PATCH 1/4] header --- README.md | 16 ++++- assets/icons/home.svg | 0 assets/logo.svg | 0 index.html | 9 +-- style.css | 101 +++++++++++++++++++++++++++++++ styles/abstracts/_functions.scss | 2 - styles/abstracts/_global.scss | 0 styles/abstracts/_mixins.scss | 0 styles/abstracts/_variables.scss | 0 styles/base/_base.scss | 14 ----- styles/base/_typography.scss | 3 - styles/layout/_header.scss | 29 --------- styles/layout/_navigation.scss | 13 ---- styles/main.css | 72 ---------------------- styles/main.css.map | 17 ------ styles/main.scss | 11 ---- styles/themes/_theme.scss | 2 - 17 files changed, 118 insertions(+), 171 deletions(-) mode change 100644 => 100755 assets/icons/home.svg mode change 100644 => 100755 assets/logo.svg create mode 100644 style.css delete mode 100644 styles/abstracts/_functions.scss delete mode 100644 styles/abstracts/_global.scss delete mode 100644 styles/abstracts/_mixins.scss delete mode 100644 styles/abstracts/_variables.scss delete mode 100644 styles/base/_base.scss delete mode 100644 styles/base/_typography.scss delete mode 100644 styles/layout/_header.scss delete mode 100644 styles/layout/_navigation.scss delete mode 100644 styles/main.css delete mode 100644 styles/main.css.map delete mode 100644 styles/main.scss delete mode 100644 styles/themes/_theme.scss diff --git a/README.md b/README.md index b02224a..8634b6f 100644 --- a/README.md +++ b/README.md @@ -1 +1,15 @@ -kebabcase class names +--tek index.html & style.css--- + +\*font ekleme + +0. reset css css yazmaya başlarken hep yazdıgımız şeyler neden var? +1. header tasarlanacak +2. header refactor edilecek + farklı browser destekleri +3. diğer componentlere geçiş + +---scss geçiş--- + +---css folder structure---- + +---responsive---- diff --git a/assets/icons/home.svg b/assets/icons/home.svg old mode 100644 new mode 100755 diff --git a/assets/logo.svg b/assets/logo.svg old mode 100644 new mode 100755 diff --git a/index.html b/index.html index a8d1277..522eba7 100644 --- a/index.html +++ b/index.html @@ -4,12 +4,7 @@ Document - - - +
@@ -32,7 +27,7 @@ - +
+ + +
+

Product and Service

+
+
+ +

Our Product

+

Our product is made on the base of our
team’s careful research and analyses,
ranging from + internet + based
application.

+ +
+
+ +

Our Service

+

DSI’s shared service solutions focus on
the front-end based software development, designed + specifically + for
the banking and financial sectors. +

+ +
+
+ +

Our Technology

+

First JAVA, runs on more than 850
million personal computers worldwide,
and on billions of + devices + worldwide,
including mobile and TV devices.

+ +
+
- + + diff --git a/style.css b/style.css index 56a24c0..0bb5970 100644 --- a/style.css +++ b/style.css @@ -205,4 +205,81 @@ body { color: #30444e; } -/*section-start*/ +/*section-end*/ + +/*product-start*/ +.product { + margin-top: 67px; + display: flex; + justify-content: center; + flex-direction: column; +} + +.product h1 { + display: flex; + margin-top: 20px; + justify-content: center; + margin-bottom: 17px; +} +.product-block { + display: flex; + justify-content: center; + margin-right: 9px; +} + +.product-item { + margin-bottom: 19px; +} +product-item img { + margin-top: 24px; + margin-left: 24px; + margin-bottom: 15px; +} + +.product-item h2 { + margin-top: 15px; + font-family: Roboto; + font-style: normal; + font-weight: 500; + font-size: 28px; + line-height: 133.69%; + margin-left: 24px; + color: #ee4248; +} +.product-item p { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 18px; + line-height: 150%; + margin-top: 15px; + margin-left: 24px; + margin-right: 20px; + color: #30444e; +} + +.product-item button { + padding: 8px 16px; + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 18px; + line-height: 144.69%; + /* identical to box height, or 26px */ + + color: #ffffff; + width: 119px; + height: 42px; + + background: #ee4248; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); + border-radius: 4px; + border: none; + outline: none; + width: 161px; + height: 53px; + margin-bottom: 4px; + margin-left: 24px; + margin-top: 15px; +} +/*product-end*/