diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..b66c888
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,132 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+body {
+ line-height: 1;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+blockquote, q {
+ quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+* {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+li, a, .btn {
+ text-transform: uppercase;
+ font-size: 13px;
+ text-decoration: none;
+ color: rgba(0, 0, 0, 0.56);
+ font-weight: bolder;
+ font-family: 'Roboto', sans-serif;
+}
+
+.contianer {
+ margin: 0 auto;
+ max-width: 1140px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding-top: 25px;
+}
+
+.contianer .logo {
+ width: 100px;
+ cursor: pointer;
+ margin-right: 90px;
+}
+
+.contianer .nav {
+ margin-right: auto;
+}
+
+.contianer .nav ul {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.contianer .nav ul li {
+ list-style-type: none;
+ padding: 20px;
+}
+
+.contianer .nav ul li a.active {
+ border-bottom: 3px solid;
+}
+
+.contianer .icons {
+ font-size: 15px;
+ margin-right: auto;
+ color: rgba(0, 0, 0, 0.56);
+}
+
+.contianer .icons i {
+ display: inline-block;
+ width: 60px;
+}
+
+.contianer .btn {
+ background: #025467;
+ color: #f3f3f3;
+ padding: 10px 15px;
+ margin-right: auto;
+ border: none;
+ border-radius: 3px;
+}
+
+.contianer .btn:hover {
+ background: #1e5483;
+}
+/*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/css/main.css.map b/css/main.css.map
new file mode 100644
index 0000000..74a9468
--- /dev/null
+++ b/css/main.css.map
@@ -0,0 +1,9 @@
+{
+ "version": 3,
+ "mappings": "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",
+ "sources": [
+ "../scss/main.scss"
+ ],
+ "names": [],
+ "file": "main.css"
+}
\ No newline at end of file
diff --git a/header.png b/header.png
new file mode 100644
index 0000000..434e4a8
Binary files /dev/null and b/header.png differ
diff --git a/index.html b/index.html
index 064befd..e69de29 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +0,0 @@
-
-
-
-
-
-
- Home page
-
-
- HOME PAGE
-
-
\ No newline at end of file
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..6906506
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/scss/main.scss b/scss/main.scss
new file mode 100644
index 0000000..c00dc59
--- /dev/null
+++ b/scss/main.scss
@@ -0,0 +1,121 @@
+
+
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+
+// section
+// header
+
+*{
+ box-sizing: border-box;
+}
+li,a,.btn{
+ text-transform: uppercase;
+ font-size: 13px;
+ text-decoration: none;
+ color: rgba(0, 0, 0, 0.56);
+ font-weight: bolder;
+ font-family: 'Roboto', sans-serif;
+}
+.contianer{
+ margin: 0 auto;
+ max-width: 1140px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding-top: 25px;
+
+ .logo {
+ width: 100px;
+ cursor: pointer;
+ margin-right: 90px;
+ }
+
+ .nav {
+
+ margin-right: auto;
+
+ ul{
+ display: flex;
+ li{
+ list-style-type: none;
+ padding: 20px;
+
+
+ a{
+ &.active{
+ border-bottom: 3px solid;
+ }
+ }
+ }
+ }
+ }
+ .icons {
+ font-size: 15px;
+ margin-right: auto;
+ color: rgba(0, 0, 0, 0.56);
+
+ i{
+ display: inline-block;
+ width: 60px;
+ }
+ }
+ .btn{
+ background:#025467;
+ color:#f3f3f3;
+ padding: 10px 15px;
+ margin-right: auto;
+ border: none;
+ border-radius: 3px;
+ &:hover{
+ background: rgb(30, 84, 131);;
+ }
+ }
+}
\ No newline at end of file