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!
</div>
</div>
<div class="e_sport" id="e_sport">
<div class="e_sportt" id="e_sport">
<h1 id="esports_title">بطولات الرياضات الالكترونية</h1>
<div class="images_cont">
<div>
<div>
<!-- <img class="abs_img" src="/images/game2.webp"> -->
<img src="/images/Valorant-Logo-removebg-preview.png" class="valorant_img">
<img src="/images/logos-02.png" class="valorantt_img">
</div>
<div>
<!-- <img class="abs_img1" src="images/Call_of_Duty_Warzone_Logo.png"> -->
<img src="/images/call_of_the_duty_warzone_logo_freelogovectors.net_.png" class="yasou_img">
<img src="/images/cod-02.png" class="yasouu_img">
</div>
<div>
<!-- <img class="abs_img2" src="/images/fifaCard_.png"> -->
<img src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.png" class="bellingham_img">
<img src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.png" class="bellinghamm_img">
</div>
</div>
</div>
<div class="button_parent">
<a id="e_sport_btn">احجز الان</a>
</div>
......
style.css
View file @ ead521f2
......@@ -558,7 +558,7 @@ header .right_side a:nth-child(4) {
/* ==================================== */
/* ===========E-sport================ */
.e_sport {
.e_sportt {
background-color: var(--bck_color);
padding: 50px 0 25px 0;
/* margin-top: 50px; */
......@@ -566,7 +566,7 @@ header .right_side a:nth-child(4) {
}
.e_sport h1 {
.e_sportt h1 {
/* text-align: start; */
font-family: var(--noor_font);
font-weight: bold;
......@@ -576,61 +576,41 @@ header .right_side a:nth-child(4) {
font-size: 50px;
}
.e_sport>div:nth-child(2) {
.e_sportt > div:nth-child(2) {
display: grid;
grid-template-columns: repeat(3, 569px);
background: linear-gradient(90deg,var(--bck_color),#680b83, #a509b0, var(--bck_color));
grid-template-columns: repeat(3, 30%);
align-items: center;
justify-content: center;
column-gap: 20px;
width: 95%;
margin: 50px 2.5% 0;
width: 85%;
margin: 0px 7.5% 0;
height: 300px;
position: relative;
}
.e_sport .button_parent {
.e_sportt .button_parent {
display: flex;
align-items: 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 {
height: auto;
width: 86%;
margin-left: 7%;
transform: translateY(100px);
filter: invert(1);
}
.e_sport>div div .bellingham_img {
/* height: 155% !important ; */
transform: translate(0px, -70px);
transform: translateY(0px);
object-fit: contain;
height: 100%;
......@@ -643,16 +623,39 @@ header .right_side a:nth-child(4) {
transform: translateY(0px);
height: 100%;
object-fit: contain;
/* height: auto; */
filter: invert(1);
}
} */
.no_margin {
margin-top: 0 !important;
}
.e_sport>div div {
.e_sportt > div div {
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,
......@@ -678,7 +681,7 @@ header .right_side a:nth-child(4) {
top: 110px;
}
.e_sport a {
.e_sportt a {
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
......@@ -947,7 +950,7 @@ header .right_side a:nth-child(4) {
@media(min-width:2257px)
{
.swiper_parent,
.e_sport,
.e_sportt,
.casual_ar,
.Vr_zone_ar,
.card_game_ar,
......@@ -968,9 +971,18 @@ header .right_side a:nth-child(4) {
width: min(80%, 2200px);
margin: 0 auto;
}
.e_sportt div:nth-child(2)
{
width: 100%;
margin: 0;
}
}
@media(max-width:2200px)
{
.e_sportt > div:nth-child(2)
{
height: 230px;
}
.e_sport a
{
font-size: 25px;
......@@ -1061,6 +1073,17 @@ header .right_side a:nth-child(4) {
width: 60%;
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) {
}
/* Zoom Out 90% */
@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
{
font-size: 60px;
......@@ -1415,6 +1464,27 @@ header .right_side a:nth-child(4) {
}
@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) {
margin-top: 20px;
}
......@@ -1745,8 +1815,14 @@ header .right_side a:nth-child(4) {
@media(max-width:700px) {
.e_sportt > div:nth-child(2),
.e_sportt > div div
{
height: 150px;
}
.e_sport > div:nth-child(2)
{
grid-template-columns: 80%;
justify-content: center;
}
......@@ -1842,7 +1918,11 @@ header .right_side a:nth-child(4) {
}
@media(max-width:500px) {
.e_sportt > div:nth-child(2)
{
width: 98%;
margin: 0;
}
.play_games h1 {
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