Skip to content

T
THE BASE
Commit 9cbb9205 authored by TokaKaram's avatar TokaKaram
Browse files
Options

casual section

parent 9e201f36
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 351 additions and 103 deletions
thebase/thebase/the/index.html
View file @ 9cbb9205
...@@ -207,9 +207,19 @@ ...@@ -207,9 +207,19 @@
<div class="text"> <div class="text">
<h1>CASUAL ACTIVITIES</h1> <h1>CASUAL ACTIVITIES</h1>
<h1> هنا يبدأ <span>المرح الحقيقى </span></h1> <h1> هنا يبدأ <span>المرح الحقيقى </span></h1>
<div class="casual_text">
<p>استمتع بأجواء اللعب الحر على أكثر من 20 جهاز كمبيوتر جيمينغ و 10 <p>استمتع بأجواء اللعب الحر على أكثر </p>
أجهزة بلايستيشن 5 متاحة للجميع شارك في بطولات قصيرة تفجّر الحماس، اربح جوائز مميزة، أو تحدّ أصدقاءك في مباريات <p>من 20 جهاز كمبيوتر جيمينغ و 10</p>
<p>أجهزة بلايستيشن 5 متاحة للجميع </p>
<p>شارك في بطولات قصيرة تفجّر الحماس ،</p>
<p>اربح جوائز مميزة، أو تحدّ أصدقاءك في</p>
<p> مباريات ودية - كل لحظة هنا متعة خالصة</p>
<p>منطقة تجمع بين الإثارة والراحة، حيث اللعب </p>
<p> هو جوهر التجربة !</p>
</div>
<p class="casual_text_res">استمتع بأجواء اللعب الحر على أكثر من 20 جهاز كمبيوتر جيمينغ و 10
أجهزة بلايستيشن 5 متاحة للجميع شارك في بطولات قصيرة تفجّر الحماس ، اربح جوائز مميزة، أو تحدّ أصدقاءك في مباريات
ودية - كل لحظة هنا متعة خالصة منطقة تجمع بين الإثارة والراحة، حيث اللعب ودية - كل لحظة هنا متعة خالصة منطقة تجمع بين الإثارة والراحة، حيث اللعب
هو جوهر التجربة !</p> هو جوهر التجربة !</p>
</div> </div>
......
thebase/thebase/the/style.css
View file @ 9cbb9205
This diff is collapsed.
thebase/thebase/the/style2.css
View file @ 9cbb9205
...@@ -2086,12 +2086,13 @@ ...@@ -2086,12 +2086,13 @@
} }
.arb { .arb {
font-size: 36px; font-size: 36px;
width: 80%; width: 76%;
margin-left: 20%; margin-left: 20%;
} }
.vr-btn1 .vr-btn1
{ {
font-size: 31.5px; font-size: 31.5px;
margin-top: 30px;
} }
.vr-image .vr-image
{ {
...@@ -3975,7 +3976,7 @@ body { ...@@ -3975,7 +3976,7 @@ body {
.hero-sec21 { .hero-sec21 {
left: 6%; left: 6%;
top: 48%; top: 51%;
font-size: 36px; font-size: 36px;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
...@@ -3983,7 +3984,7 @@ body { ...@@ -3983,7 +3984,7 @@ body {
.hero-sec22 { .hero-sec22 {
left: -19%; left: -19%;
top: 54%; top: 57%;
font-size: 36px; font-size: 36px;
width: 60% !important; width: 60% !important;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
...@@ -3991,14 +3992,14 @@ body { ...@@ -3991,14 +3992,14 @@ body {
.hero-sec23 { .hero-sec23 {
left: 5.5%; left: 5.5%;
top: 60%; top: 63%;
font-size: 36px; font-size: 36px;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
} }
.hero-sec24 { .hero-sec24 {
left:-20.5%; left:-20.5%;
top: 66%; top: 69%;
font-size: 36px; font-size: 36px;
width: 60% !important; width: 60% !important;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
...@@ -4007,14 +4008,14 @@ body { ...@@ -4007,14 +4008,14 @@ body {
.hero-sec25 { .hero-sec25 {
font-size: 36px; font-size: 36px;
left: 3.5%; left: 3.5%;
top: 72%; top: 75%;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
} }
.hero_section2 a { .hero_section2 a {
font-size: 20px; font-size: 20px;
top: 800px; top: 850px;
height: 7%; height: 7%;
width: 28%; width: 28%;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
...@@ -4048,7 +4049,7 @@ body { ...@@ -4048,7 +4049,7 @@ body {
.hero-sec21 { .hero-sec21 {
left: 6%; left: 6%;
top: 48%; top: 51%;
font-size: 33px; font-size: 33px;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
...@@ -4056,7 +4057,7 @@ body { ...@@ -4056,7 +4057,7 @@ body {
.hero-sec22 { .hero-sec22 {
left: -19%; left: -19%;
top: 54%; top: 57%;
font-size: 33px; font-size: 33px;
width: 60% !important; width: 60% !important;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
...@@ -4064,14 +4065,14 @@ body { ...@@ -4064,14 +4065,14 @@ body {
.hero-sec23 { .hero-sec23 {
left: 5.5%; left: 5.5%;
top: 60%; top: 63%;
font-size: 33px; font-size: 33px;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
} }
.hero-sec24 { .hero-sec24 {
left:-20.5%; left:-20.5%;
top: 66%; top: 69%;
font-size: 33px; font-size: 33px;
width: 60% !important; width: 60% !important;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
...@@ -4080,7 +4081,7 @@ body { ...@@ -4080,7 +4081,7 @@ body {
.hero-sec25 { .hero-sec25 {
font-size: 33px; font-size: 33px;
left: 3.5%; left: 3.5%;
top: 72%; top: 75%;
font-family: var(--font_noor_light); font-family: var(--font_noor_light);
} }
...@@ -4123,7 +4124,7 @@ body { ...@@ -4123,7 +4124,7 @@ body {
.hero-sec21 { .hero-sec21 {
top: 48%; top: 51%;
left: 6%; left: 6%;
/* font-size: 40px; */ /* font-size: 40px; */
...@@ -4131,20 +4132,20 @@ body { ...@@ -4131,20 +4132,20 @@ body {
.hero-sec22 { .hero-sec22 {
top: 54%; top: 57%;
left: -19.5%; left: -19.5%;
} }
.hero-sec23 { .hero-sec23 {
top: 60%; top: 63%;
left: 5%; left: 5%;
} }
.hero-sec24 { .hero-sec24 {
top: 66%; top: 69%;
left: -20.5%; left: -20.5%;
/* color: gray; */ /* color: gray; */
...@@ -4152,7 +4153,7 @@ body { ...@@ -4152,7 +4153,7 @@ body {
.hero-sec25 { .hero-sec25 {
top: 72%; top: 75%;
left: 4%; left: 4%;
/* color: red; */ /* color: red; */
...@@ -4160,7 +4161,7 @@ body { ...@@ -4160,7 +4161,7 @@ body {
.hero_section2 a { .hero_section2 a {
top: 750px; top: 740px;
width: 32%; width: 32%;
/* color: black; */ /* color: black; */
...@@ -4197,7 +4198,7 @@ body { ...@@ -4197,7 +4198,7 @@ body {
.hero-sec21 { .hero-sec21 {
top: 49%; top: 51%;
left: 7%; left: 7%;
font-size: 32px; font-size: 32px;
...@@ -4205,14 +4206,14 @@ body { ...@@ -4205,14 +4206,14 @@ body {
.hero-sec22 { .hero-sec22 {
top: 55%; top: 57%;
left: -18.5%; left: -18.5%;
font-size: 32px; font-size: 32px;
} }
.hero-sec23 { .hero-sec23 {
top: 61%; top: 63%;
left: 6%; left: 6%;
font-size: 32px; font-size: 32px;
...@@ -4221,7 +4222,7 @@ body { ...@@ -4221,7 +4222,7 @@ body {
.hero-sec24 { .hero-sec24 {
top: 67%; top: 69%;
left: -19.5%; left: -19.5%;
font-size: 32px; font-size: 32px;
/* color: red; */ /* color: red; */
...@@ -4230,7 +4231,7 @@ body { ...@@ -4230,7 +4231,7 @@ body {
.hero-sec25 { .hero-sec25 {
top: 74%; top: 76%;
left: 05%; left: 05%;
font-size: 32px; font-size: 32px;
...@@ -4247,7 +4248,6 @@ body { ...@@ -4247,7 +4248,6 @@ body {
@media(max-width:1440px) { @media(max-width:1440px) {
/* .hero_section2 /* .hero_section2
...@@ -4276,7 +4276,7 @@ body { ...@@ -4276,7 +4276,7 @@ body {
} }
.word22 { .word22 {
top: 40%; top: 40.5%;
left: -27%; left: -27%;
font-size: 42px; font-size: 42px;
...@@ -4325,7 +4325,7 @@ body { ...@@ -4325,7 +4325,7 @@ body {
.hero_section2 a { .hero_section2 a {
top: 600px; top: 620px;
width: 32%; width: 32%;
font-size: 28px; font-size: 28px;
display: flex; display: flex;
...@@ -4360,7 +4360,7 @@ body { ...@@ -4360,7 +4360,7 @@ body {
} }
.word22 { .word22 {
top: 49%; top: 50%;
left: -29%; left: -29%;
font-size: 42px; font-size: 42px;
...@@ -4368,15 +4368,15 @@ body { ...@@ -4368,15 +4368,15 @@ body {
.hero-sec21 { .hero-sec21 {
top: 56%; top: 59%;
left: 8%; left: 7%;
font-size: 28px; font-size: 28px;
} }
.hero-sec22 { .hero-sec22 {
top: 62%; top: 65%;
left: -17.5%; left: -17.5%;
width: 100%; width: 100%;
font-size: 28px; font-size: 28px;
...@@ -4384,7 +4384,7 @@ body { ...@@ -4384,7 +4384,7 @@ body {
.hero-sec23 { .hero-sec23 {
top: 68%; top: 71%;
left: 7%; left: 7%;
width: 100%; width: 100%;
font-size: 28px; font-size: 28px;
...@@ -4393,7 +4393,7 @@ body { ...@@ -4393,7 +4393,7 @@ body {
.hero-sec24 { .hero-sec24 {
top: 74%; top: 77%;
left: -19%; left: -19%;
font-size: 28px; font-size: 28px;
...@@ -4401,7 +4401,7 @@ body { ...@@ -4401,7 +4401,7 @@ body {
.hero-sec25 { .hero-sec25 {
top: 81%; top: 84%;
font-size: 28px; font-size: 28px;
left: 5%; left: 5%;
...@@ -4440,21 +4440,21 @@ body { ...@@ -4440,21 +4440,21 @@ body {
} }
.hero-sec21 { .hero-sec21 {
top: 57%; top: 58%;
font-size: 26px; font-size: 26px;
} }
.hero-sec22 { .hero-sec22 {
top: 63%; top: 64%;
font-size: 26px; font-size: 26px;
} }
.hero-sec23 { .hero-sec23 {
top: 69%; top: 70%;
font-size: 26px; font-size: 26px;
...@@ -4462,7 +4462,7 @@ body { ...@@ -4462,7 +4462,7 @@ body {
.hero-sec24 { .hero-sec24 {
top: 75%; top: 76%;
font-size: 26px; font-size: 26px;
...@@ -4472,13 +4472,13 @@ body { ...@@ -4472,13 +4472,13 @@ body {
font-size: 26px; font-size: 26px;
top: 81%; top: 82%;
} }
.hero_section2 a { .hero_section2 a {
top: 550px; top: 570px;
font-size: 24px; font-size: 24px;
} }
...@@ -4494,27 +4494,27 @@ body { ...@@ -4494,27 +4494,27 @@ body {
top: 38%; top: 38%;
left: 0%; left: 0%;
width: 50%; width: 50%;
font-size: 30px; font-size: 40px;
} }
.word21 .the .word21 .the
{ {
font-size: 30px; font-size: 40px;
} }
.word22 { .word22 {
top: 46%; top: 47%;
left: -27%; left: -27%;
font-size: 25px; font-size: 35px;
} }
.hero-sec21 { .hero-sec21 {
top: 52%; top: 55%;
width: 40% !important; width: 40% !important;
left: 4%; left: 4%;
font-size: 21px; font-size: 21px;
...@@ -4523,7 +4523,7 @@ body { ...@@ -4523,7 +4523,7 @@ body {
.hero-sec22 { .hero-sec22 {
top: 58%; top:61%;
left: -16%; left: -16%;
font-size: 21px; font-size: 21px;
...@@ -4531,7 +4531,7 @@ body { ...@@ -4531,7 +4531,7 @@ body {
.hero-sec23 { .hero-sec23 {
top: 64%; top: 67%;
font-size: 21px; font-size: 21px;
left: 8%; left: 8%;
...@@ -4540,7 +4540,7 @@ body { ...@@ -4540,7 +4540,7 @@ body {
.hero-sec24 { .hero-sec24 {
top: 70%; top: 73%;
width: 40% !important; width: 40% !important;
left: 2%; left: 2%;
font-size: 21px; font-size: 21px;
...@@ -4550,7 +4550,7 @@ body { ...@@ -4550,7 +4550,7 @@ body {
.hero-sec25 { .hero-sec25 {
top: 76%; top: 79%;
left: 5%; left: 5%;
font-size: 21px; font-size: 21px;
...@@ -4559,7 +4559,7 @@ body { ...@@ -4559,7 +4559,7 @@ body {
.hero_section2 a { .hero_section2 a {
top: 547px; top: 590px;
width: 38%; width: 38%;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment