From 4e6c98a771747308b07a2d3a299362e38e4b208c Mon Sep 17 00:00:00 2001 From: alena Date: Tue, 6 Jan 2026 15:05:11 +0300 Subject: [PATCH] first commit --- images/Group 1321.svg | 24 ++++++++++++++++ index.html | 42 +++++++++++++++++++++++++++ main.js | 0 reset.css | 18 ++++++++++++ style.css | 66 +++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 150 insertions(+) create mode 100644 images/Group 1321.svg create mode 100644 index.html create mode 100644 main.js create mode 100644 reset.css create mode 100644 style.css diff --git a/images/Group 1321.svg b/images/Group 1321.svg new file mode 100644 index 0000000..a6aba6a --- /dev/null +++ b/images/Group 1321.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..1923324 --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + + + + Figma + + + + + +
+
+ + +
+ +
+
+

3D game Dev

+

Work that we produce for our clients

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.

+ +
+ img +
+
+ + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..e69de29 diff --git a/reset.css b/reset.css new file mode 100644 index 0000000..40b4860 --- /dev/null +++ b/reset.css @@ -0,0 +1,18 @@ +*{padding: 0;margin: 0;border: 0;} +*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} +:focus,:active{outline: none;} +a:focus,a:active{outline: none;} +nav,footer,header,aside{display: block;} +html,body{ + height:100%;width:100%; + font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;} +input,button,textarea{font-family:inherit;} +input::-ms-clear{display: none;} +button{cursor: pointer;} +button::-moz-focus-inner{padding:0;border:0;} +a,a:visited{text-decoration: none;} +a:hover{text-decoration: none;} +ul li{list-style: none;} +img{vertical-align: top;} +h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;} +a{color:inherit;} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d3b8dca --- /dev/null +++ b/style.css @@ -0,0 +1,66 @@ +/*------------------------------ base options------------------------------- */ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;800&display=swap'); + +body { + font-family: "Poppins", sans-serif; + font-weight: 400; + color: white; +} + +img { + max-width: 100%; +} + +.wrapper { + background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(74, 40, 0, 1) 100%); + width: 100%; +} + +/* --------------------------------HEADER----------------------------- */ + +.container { + width: 700px; + margin: 0 auto; +} +header { + padding: 50px 0; +} +.logo { + text-transform: uppercase; + font-weight: 800; + font-size: 29px; +} +nav { + float: right; + width: 50%; +} +ul { + display: flex; + justify-content: space-between; +} +li { + display: inline-block; +} +a { + color: #fff; +} +header nav ul li:not(.active):not(.btn) a:hover { + border-bottom: 5px solid #DC7000; +} +.active { +} +.btn a{ + background: #FA9021; + padding: 9px 17px; + border-radius: 5px; + transition: all 500ms ease; +} +.btn a:hover { + background: #a02604; +} + +/* --------------------------------HERO----------------------------------- */ +.hero { +} +.hero_info { +} \ No newline at end of file