Skip to content

B
base Project
Commit ead521f2 authored by TokaKaram's avatar TokaKaram
Browse files
Options

Change logos2

parent 2d721877
Hide whitespace changes
Inline Side-by-side
Showing with 127 additions and 50 deletions
index.html
View file @ ead521f2
...@@ -186,23 +186,20 @@ alive! ...@@ -186,23 +186,20 @@ alive!
</div> </div>
</div> </div>
<div class="e_sport" id="e_sport">
<div class="e_sportt" id="e_sport">
<h1 id="esports_title">بطولات الرياضات الالكترونية</h1> <h1 id="esports_title">بطولات الرياضات الالكترونية</h1>
<div class="images_cont">
<div> <div>
<div> <img src="/images/logos-02.png" class="valorantt_img">
<!-- <img class="abs_img" src="/images/game2.webp"> -->
<img src="/images/Valorant-Logo-removebg-preview.png" class="valorant_img">
</div> </div>
<div> <div>
<!-- <img class="abs_img1" src="images/Call_of_Duty_Warzone_Logo.png"> --> <img src="/images/cod-02.png" class="yasouu_img">
<img src="/images/call_of_the_duty_warzone_logo_freelogovectors.net_.png" class="yasou_img">
</div> </div>
<div> <div>
<!-- <img class="abs_img2" src="/images/fifaCard_.png"> --> <img src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.png" class="bellinghamm_img">
<img src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.png" class="bellingham_img">
</div> </div>
</div> </div>
<div class="button_parent"> <div class="button_parent">
<a id="e_sport_btn">احجز الان</a> <a id="e_sport_btn">احجز الان</a>
</div> </div>
......
style.css
View file @ ead521f2
...@@ -558,7 +558,7 @@ header .right_side a:nth-child(4) { ...@@ -558,7 +558,7 @@ header .right_side a:nth-child(4) {
/* ==================================== */ /* ==================================== */
/* ===========E-sport================ */ /* ===========E-sport================ */
.e_sport { .e_sportt {
background-color: var(--bck_color); background-color: var(--bck_color);
padding: 50px 0 25px 0; padding: 50px 0 25px 0;
/* margin-top: 50px; */ /* margin-top: 50px; */
...@@ -566,7 +566,7 @@ header .right_side a:nth-child(4) { ...@@ -566,7 +566,7 @@ header .right_side a:nth-child(4) {
} }
.e_sport h1 { .e_sportt h1 {
/* text-align: start; */ /* text-align: start; */
font-family: var(--noor_font); font-family: var(--noor_font);
font-weight: bold; font-weight: bold;
...@@ -576,61 +576,41 @@ header .right_side a:nth-child(4) { ...@@ -576,61 +576,41 @@ header .right_side a:nth-child(4) {
font-size: 50px; font-size: 50px;
} }
.e_sport>div:nth-child(2) { .e_sportt > div:nth-child(2) {
display: grid; display: grid;
background: linear-gradient(90deg,var(--bck_color),#680b83, #a509b0, var(--bck_color));
grid-template-columns: repeat(3, 569px); grid-template-columns: repeat(3, 30%);
align-items: center; align-items: center;
justify-content: center; justify-content: center;
column-gap: 20px; column-gap: 20px;
width: 95%; width: 85%;
margin: 50px 2.5% 0; margin: 0px 7.5% 0;
height: 300px;
position: relative;
} }
.e_sport .button_parent { .e_sportt .button_parent {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.e_sport>div div {
border-radius: 50px;
background: linear-gradient(to right, var(--purple_col), #6a1a97);
height: 605px;
/* overflow: hidden; */
position: relative;
clip-path: inset(-100px 0 20px 0);
/* -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%); */
}
.e_sport>div div img {
width: 100%;
/* margin: 10% 15% 0; */
height: 125%;
transform: translate(0px, 0px);
transform: translateY(-70px);
object-fit: cover;
/* object-position: top top; */
/* height: auto; */
}
/*
.e_sport>div div .valorant_img { .e_sport>div div .valorant_img {
height: auto; height: auto;
width: 86%; width: 86%;
margin-left: 7%; margin-left: 7%;
transform: translateY(100px);
filter: invert(1); filter: invert(1);
} }
.e_sport>div div .bellingham_img { .e_sport>div div .bellingham_img {
/* height: 155% !important ; */
transform: translate(0px, -70px);
transform: translateY(0px);
object-fit: contain; object-fit: contain;
height: 100%; height: 100%;
...@@ -643,16 +623,39 @@ header .right_side a:nth-child(4) { ...@@ -643,16 +623,39 @@ header .right_side a:nth-child(4) {
transform: translateY(0px); transform: translateY(0px);
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
/* height: auto; */
filter: invert(1); filter: invert(1);
} } */
.no_margin { .no_margin {
margin-top: 0 !important; margin-top: 0 !important;
} }
.e_sport>div div { .e_sportt > div div {
position: relative; position: relative;
height: 230px;
}
.e_sportt > div div img {
width: 40%;
margin-left: 30%;
/* margin: 10% 15% 0; */
height: 100%;
object-fit: contain;
/* object-position: top top; */
/* height: auto; */
}
.e_sportt .valorantt_img
{
width: 40%;
margin-left: 30%;
/* filter: invert(1); */
}
.e_sportt .yasouu_img
{
width: 28%;
margin-left: 31%;
/* filter: invert(1); */
} }
.e_sport>div div .abs_img, .e_sport>div div .abs_img,
...@@ -678,7 +681,7 @@ header .right_side a:nth-child(4) { ...@@ -678,7 +681,7 @@ header .right_side a:nth-child(4) {
top: 110px; top: 110px;
} }
.e_sport a { .e_sportt a {
color: #ffffff; color: #ffffff;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
...@@ -947,7 +950,7 @@ header .right_side a:nth-child(4) { ...@@ -947,7 +950,7 @@ header .right_side a:nth-child(4) {
@media(min-width:2257px) @media(min-width:2257px)
{ {
.swiper_parent, .swiper_parent,
.e_sport, .e_sportt,
.casual_ar, .casual_ar,
.Vr_zone_ar, .Vr_zone_ar,
.card_game_ar, .card_game_ar,
...@@ -968,9 +971,18 @@ header .right_side a:nth-child(4) { ...@@ -968,9 +971,18 @@ header .right_side a:nth-child(4) {
width: min(80%, 2200px); width: min(80%, 2200px);
margin: 0 auto; margin: 0 auto;
} }
.e_sportt div:nth-child(2)
{
width: 100%;
margin: 0;
}
} }
@media(max-width:2200px) @media(max-width:2200px)
{ {
.e_sportt > div:nth-child(2)
{
height: 230px;
}
.e_sport a .e_sport a
{ {
font-size: 25px; font-size: 25px;
...@@ -1061,6 +1073,17 @@ header .right_side a:nth-child(4) { ...@@ -1061,6 +1073,17 @@ header .right_side a:nth-child(4) {
width: 60%; width: 60%;
margin-left: 10%; margin-left: 10%;
} }
.e_sportt .valorantt_img,
.e_sportt .bellinghamm_img
{
width: 50%;
margin-left: 25%;
}
.e_sportt .yasouu_img
{
width: 30%;
margin-left: 35%;
}
} }
...@@ -1302,7 +1325,33 @@ header .right_side a:nth-child(4) { ...@@ -1302,7 +1325,33 @@ header .right_side a:nth-child(4) {
} }
/* Zoom Out 90% */ /* Zoom Out 90% */
@media(max-width:1500px) { @media(max-width:1500px) {
.e_sportt > div div img {
width: 75%;
margin-left: 12.5%;
/* margin: 10% 15% 0; */
height: 100%;
object-fit: contain;
/* object-position: top top; */
/* height: auto; */
}
.e_sportt .bellinghamm_img
{
width: 75%;
margin-left: 12.5%;
}
.e_sportt .valorantt_img
{
width: 78%;
margin-left: 11%;
/* filter: invert(1); */
}
.e_sportt .yasouu_img
{
width: 50%;
margin-left: 25%;
/* filter: invert(1); */
}
.e_sport h1 .e_sport h1
{ {
font-size: 60px; font-size: 60px;
...@@ -1415,6 +1464,27 @@ header .right_side a:nth-child(4) { ...@@ -1415,6 +1464,27 @@ header .right_side a:nth-child(4) {
} }
@media(max-width:1450px) @media(max-width:1450px)
{ {
.e_sportt > div div img {
width: 73%;
margin-left: 11.5%;
/* margin: 10% 15% 0; */
height: 100%;
object-fit: contain;
/* object-position: top top; */
/* height: auto; */
}
.e_sportt .bellinghamm_img
{
width: 73%;
margin-left: 13.5%;
}
.e_sportt .valorantt_img
{
width: 76%;
margin-left: 12%;
/* filter: invert(1); */
}
.letters>div div:nth-child(2) { .letters>div div:nth-child(2) {
margin-top: 20px; margin-top: 20px;
} }
...@@ -1745,8 +1815,14 @@ header .right_side a:nth-child(4) { ...@@ -1745,8 +1815,14 @@ header .right_side a:nth-child(4) {
@media(max-width:700px) { @media(max-width:700px) {
.e_sportt > div:nth-child(2),
.e_sportt > div div
{
height: 150px;
}
.e_sport > div:nth-child(2) .e_sport > div:nth-child(2)
{ {
grid-template-columns: 80%; grid-template-columns: 80%;
justify-content: center; justify-content: center;
} }
...@@ -1842,7 +1918,11 @@ header .right_side a:nth-child(4) { ...@@ -1842,7 +1918,11 @@ header .right_side a:nth-child(4) {
} }
@media(max-width:500px) { @media(max-width:500px) {
.e_sportt > div:nth-child(2)
{
width: 98%;
margin: 0;
}
.play_games h1 { .play_games h1 {
font-size: 25px; font-size: 25px;
} }
......
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