diff --git a/src/css/style.css b/src/css/style.css index 7872636..afc58a1 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -54,7 +54,7 @@ } .main_div { - margin-left: 73px; + margin-left: 250px; margin-top: 16.5px; } @@ -131,6 +131,7 @@ display: flex; justify-content: space-evenly; align-items: center; + margin-bottom: 55px; } .wallet_text { @@ -138,12 +139,8 @@ } .login_start { - display: flex; - justify-content: flex-end; -} -.login { - display: flex; + justify-content: flex-end; } .login_text { @@ -157,8 +154,115 @@ margin-right: -50px; } -.login_img { - display: flex; +.login_logo { + margin-top: -60px; +} + + +.left_panel_home { + margin-top: 9px; + margin-left: 7px; +} + +.left_panel_box{ + margin-left: 7px; + width: 73px; + height: 404px; + background: rgba(217, 217, 217, 0.12); + box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); + border-radius: 20px + +} + +.left_panel_settings { + margin-top: 160px; +} + +.left_panel_diamond { + margin-left: 10px; margin-top: 20px; - justify-content: flex-end; -} \ No newline at end of file +} + +.left_panel_rullet{ + margin-left: 10px; + margin-top: 20px; +} + +.left_panel_rocet{ + margin-left: 12px; + margin-top: 20px; +} + +.left_panel_cub{ + margin-left: 12px; + margin-top: 20px; +} + +.left_panel_boom{ + margin-left: 15px; + margin-top: 20px; +} + +.main_img{ + width: 1165px; +height: 240px; +border-radius: 40px; +background: #EF4444; +box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); +margin-left: 125px; +margin-top: -650px; +} + +.online{ + display: flex; + width: 270px; + height: 95px; + flex-direction: column; + justify-content: center; + flex-shrink: 0; + color: #FFF; +font-family: Montserrat; +font-size: 32px; +font-weight: 700; +margin-left: 450px; +} + +.main_title{ + display: flex; + width: 884px; + height: 299px; + flex-direction: column; + justify-content: center; + flex-shrink: 0; + color: #FFF; + text-align: center; + font-family: Montserrat Alternates; + font-size: 91px; + font-weight: 700; + margin-left: 115px; + margin-top: -160px; +} + +.mine{ + display: flex; + width: 384px; + height: 95px; + flex-direction: column; + justify-content: center; + flex-shrink: 0; + color: #FFF; +font-family: Montserrat; +font-size: 24px; +font-weight: 700; +margin-left: 420px; +margin-top: -200px; +} + +.game_mode{ + margin-top: 20px; + margin-left: 120px; +} + + + + diff --git a/src/img/main/TestIMG.png b/src/img/main/TestIMG.png new file mode 100644 index 0000000..eb53553 Binary files /dev/null and b/src/img/main/TestIMG.png differ diff --git a/src/img/svg/GameMode.svg b/src/img/svg/GameMode.svg new file mode 100644 index 0000000..8d4f76a --- /dev/null +++ b/src/img/svg/GameMode.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/LeftPanelBox.svg b/src/img/svg/LeftPanelBox.svg new file mode 100644 index 0000000..efdfa10 --- /dev/null +++ b/src/img/svg/LeftPanelBox.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/LeftPanelHome.svg b/src/img/svg/LeftPanelHome.svg new file mode 100644 index 0000000..1f2b05e --- /dev/null +++ b/src/img/svg/LeftPanelHome.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/LeftPanelSettings.svg b/src/img/svg/LeftPanelSettings.svg new file mode 100644 index 0000000..905bcb6 --- /dev/null +++ b/src/img/svg/LeftPanelSettings.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/TestIMG.svg b/src/img/svg/TestIMG.svg new file mode 100644 index 0000000..adfcb1a --- /dev/null +++ b/src/img/svg/TestIMG.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/boom.svg b/src/img/svg/boom.svg new file mode 100644 index 0000000..cf11f5f --- /dev/null +++ b/src/img/svg/boom.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/cub.svg b/src/img/svg/cub.svg new file mode 100644 index 0000000..7a0dc13 --- /dev/null +++ b/src/img/svg/cub.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/diamond.svg b/src/img/svg/diamond.svg new file mode 100644 index 0000000..4d0f4f1 --- /dev/null +++ b/src/img/svg/diamond.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/rocet.svg b/src/img/svg/rocet.svg new file mode 100644 index 0000000..6697640 --- /dev/null +++ b/src/img/svg/rocet.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/img/svg/rullet.svg b/src/img/svg/rullet.svg new file mode 100644 index 0000000..9497a4f --- /dev/null +++ b/src/img/svg/rullet.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/index.html b/src/index.html index 2e9e664..1b1b956 100644 --- a/src/index.html +++ b/src/index.html @@ -48,19 +48,33 @@
+

Artemka

-
- Artemka
- +
-
+
+ +
+ + + + + + +
+
- +
+
+

онлайн-казино

+

LUCKY DIAMOND

+

MINECRAFT CASINO - SPM

+
+ +