Skip to content

added CSS files and resolve merge conflicts #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

added CSS files and resolve merge conflicts #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2e2806c
added price and sponsor section
kartikgoyal89 Jul 22, 2023
c72531d
Add files via upload
kartikgoyal89 Jul 22, 2023
24fd043
added css files
kartikgoyal89 Jul 23, 2023
362fe36
merge conflicts resolve
kartikgoyal89 Jul 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
128 changes: 126 additions & 2 deletions src/components/prize_section/Prize.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,133 @@
import React from 'react'

import './styles_prize.css';
export default function Prize() {
return (
<div>

<>
<div classNameNa="prize-section">
<h1>Prize Section</h1>
<div className="container1">
<div className="prize1 prize">
<div className="first-cup rotate">
<img src="images/trophy.png" alt=""/>
</div>
<h2>Overall First</h2>
<a href="">T&C</a>
<p>Coil Prize, SAWO community box, Devfolio Swag kit, Taskade LifeTime Access, Streamyard Essential Plan, Egghead 1 year plan (all the courses), GFG 1150 coupon - applicable on all courses, Clerky LifeTime Package worth $800, $35</p>
</div>

<br/>
<br/>

<div className="prize2 prize">
<br/>
<br/>
<h2>Overall Second</h2>
<div className="first-cup second-cup">
<img src="images/2nd.png" alt=""/>
</div>
<a href="">T&C</a>
<p>Coil Prize, SAWO community box, Devfolio Swag kit, Taskade LifeTime Access, Streamyard Essential Plan, Egghead 1 year plan (all the courses), GFG 800 coupon - applicable on all courses, $20</p>
</div>
<br/>
<br/>
<div className="prize3 prize">
<div className="third-cup">
<img src="images/third.png" alt=""/>
</div>
<h2>Overall Third</h2>
<a href="">T&C</a>
<p>Coil Prize, SAWO community box, Devfolio Swag kit, Taskade LifeTime Access, Streamyard Essential Plan, Egghead 1 year plan (all the courses), GFG 500 coupon - applicable on all courses, $15</p>
</div>
<br/>
<br/>
<div className="prize45 prize">
<div className="others">
<img src="images/other.png" alt=""/>
</div>
<h2>Overall Fourth & Fifth</h2>
<a href="">T&C</a>
<p>Devfolio swag kit, egg head coupon, taskade 2 year, Gfg 150 coupon, Coding ninjas 25%off coupon</p>
</div>
<br/>
<br/>
<div className="polygon prize">
<div className="others">
<img src="images/other.png" alt=""/>
</div>
<h2>Polygon - Devfolio</h2>
<h2>Hackathon Season Prize</h2>
<a href="">T&C</a>
<p>Polygon will be giving away a cash prize for the best hack built on top of Ethereum (Rs.10000) during the hackathon. For teams that integrate Polygon in their hacks as well the prize money will be higher (Rs.15000) along with eligibility for internship/full-time role interviews and a chance to land seed funding of upto 5000 USD

</p>
</div>
<br/>
<br/>
<div className="tezos prize">
<div className="others">
<img src="images/other.png" alt=""/>
</div>
<h2>Tezos - Devfolio Hackathon</h2>
<h2>Season Prizer</h2>
<a href="">T&C</a>
<p>15000 INR for best Dapp built on Tezos,Continuity grant opportunity up to 5,000 USD for an outstanding project and Every valid submission made in the Tezos track will be rewarded with exclusive Schwag Kits.</p>
</div>
<br/>
<br/>
<div className="filecoin prize">
<div className="others">
<img src="images/other.png" alt=""/>
</div>
<h2>Filecoin - Devfolio</h2>
<h2>Hackathon Season Prize</h2>
<a href="">T&C</a>
<p>15000 INR for best use of IPFS and/or Filecoin</p>
</div>
<br/>
<br/>
<div className="sawo prize">
<div className="others">
<img src="images/other.png" alt=""/>
</div>
<h2>Sawo Lab API Prize</h2>
<a href="">T&C</a>
<p>100$ and Community Box to the winning team for using Sawo Labs API</p>
</div>
<br/>
<br/>
<div className="celo prize">
<div className="others">
<img src="images/other.png" alt=""/>
</div>
<h2>Celo - Devfolio Hackathon</h2>
<h2>Season Prize</h2>
<a href="">T&C</a>
<p>15000 INR for best Dapp built on Celo</p>
</div>
<br/>
<br/>
<div className="coil prize">
<div className="others">
<img src="images/other.png" alt=""/>
</div>
<h2>Coil API Prize</h2>
<a href="">T&C</a>
<p>3 Coil Prizes for overall winners and Coil Prizes for all who integrate coil API</p>
</div>
<br/>
<br/>
<div className="more prize">
<div className="others">
<img src="images/simple.png" alt=""/>
</div>
<h2>More Prizes</h2>
<a href="">T&C</a>
<p>More prizes will be revealed soon..</p>
</div>
</div>
</div>
</>
</div>
)
}
199 changes: 199 additions & 0 deletions src/components/prize_section/styles_prize.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
body{
padding: 40px 0;

}

/* =========== PRIZE SECTION CODE ================== */
.prize-section{
width: 90%;
margin-left: 80px;
height: 100%;
background-color: rgb(242,238,254);
padding: 4px 2px;
border-radius: 19px;
padding-bottom: 100px;

}
.prize-section .container1{
padding: 0px 110px;
}
.prize-section h1{
text-align: center;
font-size: 85px;
color:#363535;

}

.prize-section h2{
font-size: 35px;
/* margin-bottom: 40px; */
}

.prize-section a{
cursor: pointer;
text-decoration: none;
font-size: 18px;
/* padding-top: 10px; */
}

.prize-section p{
font-size: 23px;
color: rgb(91, 96, 102);
}


.prize img{
position: relative;
}


.first-cup img{
width: 75px;
position: absolute;
margin-top: -30px;
margin-left: -80px;
}
.rotate img{
transform: rotate(30deg);

}
.container1{
padding: 100px 0px;
margin-top: 100px;
}

.second-cup img{
margin-top: -160px;
width: 90px;
margin-left: -80px;
}
.third-cup img{
width: 70px;
/* margin-top: -340px; */
/* margin-top: 20px; */
margin-top: -20px;
margin-left: -80px;
width: 90px;
}
.others img{
width: 80px;
/* margin-bottom: -30px; */
margin-top: -25px;
margin-left: -95px;
width: 90px;
/* margin-left: -1; */
}
.prize h1{
/* line-height: -111px; */
}

.prize{
/* background-color: rgb(224, 224, 224); */
background-color: rgb(200,204,244);
padding: 2px 60px;
align-items: center;
border-radius: 10px;
margin-bottom: 20px;
}



/* ========= SPONSORS PART ========== */
.sponsors{
margin-top: 150px;
width: 90%;
margin-left: 80px;
border-radius: 19px;
height: 100%;
background-color: rgb(242, 238, 254);
}
.sponsors h1{
text-align: center;
font-size: 100px;
padding: 70px 0 0 0;
color: #363535;
}

.interested{
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
margin-top: 20px;
}
.interested h3{
font-size: 35px;
color: #363535;
}
.interested button{
font-size: 20px;
border-radius: 15px;
padding: 10px 30px;
background-color: rgb(224, 224, 224);
}

.interested button:hover{
/* background-color: rgb(148, 121, 173); */
background-color: rgb(200,204,244);
transition: 0.3s;
}

img{
width: 100px;
}


.client-area{
/* padding: 150px 0 0; */
padding: 140px 0;

}

.slick-slide{
margin: 0 20px;
}

.slick-slide img{
width: 100%;
}

.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus{
outline: none;
}

.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}

.slick-slide img{
display: block;

}

.slick-initialized .slick-slide{
display: block;
}

.slick-loading .slick-slide{
visibility: hidden;
}
.container{
background-color: rgb(200,204,244);
border-radius: 20px;
padding: 70px;
}

.logo-area .slinder img{
border-radius: 50%;
}
Loading