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 @@
<div class="text">
<h1>CASUAL ACTIVITIES</h1>
<h1> هنا يبدأ <span>المرح الحقيقى </span></h1>
<p>استمتع بأجواء اللعب الحر على أكثر من 20 جهاز كمبيوتر جيمينغ و 10
أجهزة بلايستيشن 5 متاحة للجميع شارك في بطولات قصيرة تفجّر الحماس، اربح جوائز مميزة، أو تحدّ أصدقاءك في مباريات
<div class="casual_text">
<p>استمتع بأجواء اللعب الحر على أكثر </p>
<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>
</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 @@
}
.arb {
font-size: 36px;
width: 80%;
width: 76%;
margin-left: 20%;
}
.vr-btn1
{
font-size: 31.5px;
margin-top: 30px;
}
.vr-image
{
......@@ -3975,7 +3976,7 @@ body {
.hero-sec21 {
left: 6%;
top: 48%;
top: 51%;
font-size: 36px;
font-family: var(--font_noor_light);
......@@ -3983,7 +3984,7 @@ body {
.hero-sec22 {
left: -19%;
top: 54%;
top: 57%;
font-size: 36px;
width: 60% !important;
font-family: var(--font_noor_light);
......@@ -3991,14 +3992,14 @@ body {
.hero-sec23 {
left: 5.5%;
top: 60%;
top: 63%;
font-size: 36px;
font-family: var(--font_noor_light);
}
.hero-sec24 {
left:-20.5%;
top: 66%;
top: 69%;
font-size: 36px;
width: 60% !important;
font-family: var(--font_noor_light);
......@@ -4007,14 +4008,14 @@ body {
.hero-sec25 {
font-size: 36px;
left: 3.5%;
top: 72%;
top: 75%;
font-family: var(--font_noor_light);
}
.hero_section2 a {
font-size: 20px;
top: 800px;
top: 850px;
height: 7%;
width: 28%;
font-family: var(--font_noor_light);
......@@ -4048,7 +4049,7 @@ body {
.hero-sec21 {
left: 6%;
top: 48%;
top: 51%;
font-size: 33px;
font-family: var(--font_noor_light);
......@@ -4056,7 +4057,7 @@ body {
.hero-sec22 {
left: -19%;
top: 54%;
top: 57%;
font-size: 33px;
width: 60% !important;
font-family: var(--font_noor_light);
......@@ -4064,14 +4065,14 @@ body {
.hero-sec23 {
left: 5.5%;
top: 60%;
top: 63%;
font-size: 33px;
font-family: var(--font_noor_light);
}
.hero-sec24 {
left:-20.5%;
top: 66%;
top: 69%;
font-size: 33px;
width: 60% !important;
font-family: var(--font_noor_light);
......@@ -4080,7 +4081,7 @@ body {
.hero-sec25 {
font-size: 33px;
left: 3.5%;
top: 72%;
top: 75%;
font-family: var(--font_noor_light);
}
......@@ -4123,7 +4124,7 @@ body {
.hero-sec21 {
top: 48%;
top: 51%;
left: 6%;
/* font-size: 40px; */
......@@ -4131,20 +4132,20 @@ body {
.hero-sec22 {
top: 54%;
top: 57%;
left: -19.5%;
}
.hero-sec23 {
top: 60%;
top: 63%;
left: 5%;
}
.hero-sec24 {
top: 66%;
top: 69%;
left: -20.5%;
/* color: gray; */
......@@ -4152,7 +4153,7 @@ body {
.hero-sec25 {
top: 72%;
top: 75%;
left: 4%;
/* color: red; */
......@@ -4160,7 +4161,7 @@ body {
.hero_section2 a {
top: 750px;
top: 740px;
width: 32%;
/* color: black; */
......@@ -4197,7 +4198,7 @@ body {
.hero-sec21 {
top: 49%;
top: 51%;
left: 7%;
font-size: 32px;
......@@ -4205,14 +4206,14 @@ body {
.hero-sec22 {
top: 55%;
top: 57%;
left: -18.5%;
font-size: 32px;
}
.hero-sec23 {
top: 61%;
top: 63%;
left: 6%;
font-size: 32px;
......@@ -4221,7 +4222,7 @@ body {
.hero-sec24 {
top: 67%;
top: 69%;
left: -19.5%;
font-size: 32px;
/* color: red; */
......@@ -4230,7 +4231,7 @@ body {
.hero-sec25 {
top: 74%;
top: 76%;
left: 05%;
font-size: 32px;
......@@ -4247,7 +4248,6 @@ body {
@media(max-width:1440px) {
/* .hero_section2
......@@ -4276,7 +4276,7 @@ body {
}
.word22 {
top: 40%;
top: 40.5%;
left: -27%;
font-size: 42px;
......@@ -4325,7 +4325,7 @@ body {
.hero_section2 a {
top: 600px;
top: 620px;
width: 32%;
font-size: 28px;
display: flex;
......@@ -4360,7 +4360,7 @@ body {
}
.word22 {
top: 49%;
top: 50%;
left: -29%;
font-size: 42px;
......@@ -4368,15 +4368,15 @@ body {
.hero-sec21 {
top: 56%;
left: 8%;
top: 59%;
left: 7%;
font-size: 28px;
}
.hero-sec22 {
top: 62%;
top: 65%;
left: -17.5%;
width: 100%;
font-size: 28px;
......@@ -4384,7 +4384,7 @@ body {
.hero-sec23 {
top: 68%;
top: 71%;
left: 7%;
width: 100%;
font-size: 28px;
......@@ -4393,7 +4393,7 @@ body {
.hero-sec24 {
top: 74%;
top: 77%;
left: -19%;
font-size: 28px;
......@@ -4401,7 +4401,7 @@ body {
.hero-sec25 {
top: 81%;
top: 84%;
font-size: 28px;
left: 5%;
......@@ -4440,21 +4440,21 @@ body {
}
.hero-sec21 {
top: 57%;
top: 58%;
font-size: 26px;
}
.hero-sec22 {
top: 63%;
top: 64%;
font-size: 26px;
}
.hero-sec23 {
top: 69%;
top: 70%;
font-size: 26px;
......@@ -4462,7 +4462,7 @@ body {
.hero-sec24 {
top: 75%;
top: 76%;
font-size: 26px;
......@@ -4472,13 +4472,13 @@ body {
font-size: 26px;
top: 81%;
top: 82%;
}
.hero_section2 a {
top: 550px;
top: 570px;
font-size: 24px;
}
......@@ -4494,27 +4494,27 @@ body {
top: 38%;
left: 0%;
width: 50%;
font-size: 30px;
font-size: 40px;
}
.word21 .the
{
font-size: 30px;
font-size: 40px;
}
.word22 {
top: 46%;
top: 47%;
left: -27%;
font-size: 25px;
font-size: 35px;
}
.hero-sec21 {
top: 52%;
top: 55%;
width: 40% !important;
left: 4%;
font-size: 21px;
......@@ -4523,7 +4523,7 @@ body {
.hero-sec22 {
top: 58%;
top:61%;
left: -16%;
font-size: 21px;
......@@ -4531,7 +4531,7 @@ body {
.hero-sec23 {
top: 64%;
top: 67%;
font-size: 21px;
left: 8%;
......@@ -4540,7 +4540,7 @@ body {
.hero-sec24 {
top: 70%;
top: 73%;
width: 40% !important;
left: 2%;
font-size: 21px;
......@@ -4550,7 +4550,7 @@ body {
.hero-sec25 {
top: 76%;
top: 79%;
left: 5%;
font-size: 21px;
......@@ -4559,7 +4559,7 @@ body {
.hero_section2 a {
top: 547px;
top: 590px;
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