Skip to content

Commit

Permalink
Hacko5
Browse files Browse the repository at this point in the history
  • Loading branch information
@amankumar11
amankumar11 committed Jan 5, 2023
1 parent c855efc commit e2c2ff1
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 58 deletions.
19 changes: 16 additions & 3 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,19 @@ section {

}

.hacko5-heading{
font-size: 65px;
color: white;
background-color: rgba(79, 62, 104, 0.693);
padding: 0px 5px;
border-radius: 10px;

}

.otto{
color: gold;
}

::-webkit-scrollbar {
width: 10px;
}
Expand Down Expand Up @@ -104,7 +117,7 @@ section {
}

#tagline {
color: white;
color: rgb(255, 0, 0);
letter-spacing: 1px;
font-size: 1.4em;
font-weight: 600;
Expand All @@ -115,8 +128,8 @@ section {


.otto {
color: white;
text-shadow: 0 2px 1px rgba(0,0,0,0.5);
color: gold;
text-shadow: 0 2px 1px rgba(255, 0, 0, 0.5);
}
@media only screen and (max-width: 600px)
{
Expand Down
99 changes: 44 additions & 55 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
</style>

<title>HackOwasp4.0</title>
<a id="mlh-trust-badge" style="display:block;max-width:110px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-white.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a>
<!-- <a id="mlh-trust-badge" style="display:block;max-width:110px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-white.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a> -->



Expand Down Expand Up @@ -462,7 +462,7 @@
<div ><a class ="navicon" href="#landing"><i class="fas fa-home"></i><div class = "tooltipnav">Home</div></a></div>
<div><a class ="navicon" href="#about" ><i class="fas fa-info-circle"></i><div class = "tooltipnav">About</div></a></div>
<!-- <div><a class ="navicon" href="#timeline"><i class="far fa-calendar-alt"></i><div class = "tooltipnav">Timeline</div></a></div> -->
<div><a class ="navicon" href="#problems"><i class="fas fa-exclamation-circle"></i><div class = "tooltipnav">Tracks</div></a></div>
<!-- <div><a class ="navicon" href="#problems"><i class="fas fa-exclamation-circle"></i><div class = "tooltipnav">Tracks</div></a></div> -->
<div><a class ="navicon" href="#prizes"><i class="fas fa-award"></i><div class = "tooltipnav">Prizes</div></a></div>
<!-- <div><a class ="navicon" href="#speakers"><img src="./assets/media/icons/fluent_chat-video-24-filled.svg" alt=""><div class = "tooltipnav">Judges</div></a></div> -->
<div><a class ="navicon" href="#sponsors"><i class="fas fa-handshake"></i><div class = "tooltipnav">Sponsors</div></a></div>
Expand All @@ -480,23 +480,24 @@
<div class="">
<div class="cardContent landing">
<div class="floating">
<img src="./assets/media/hacko_logo_website__2.png" class="main-logo">
<p style="margin: 0px; font-family: 'Poppins'; font-size: 20px;">powered by</p>
<!-- <img src="./assets/media/hacko_logo_website__2.png" class="main-logo"> -->
<h1 class="hacko5-heading">HackOwasp 5.0</h1>
<!-- <p style="margin: 0px; font-family: 'Poppins'; font-size: 20px;">powered by</p> -->
<img src="https://res.cloudinary.com/owasptiet/image/upload/v1644649571/hacko4/sponsors/The_Company_-_Wordmark1200px_wzynot.png" alt="" width="250px" style="margin-bottom: 16px;">
<h6 id="tagline" class="otto">
"TURNING MUSIC INTO MOTIVATION AND CAFFEINE INTO CODES!"
"LIMITED EDITION!"
</h6>
<h3 style="margin-top:30px">
<h1 class="ml6">
<span class="text-wrapper">
<span class="letters">11th-13th March, 2022</span>
<span class="letters">24th-26th March, 2023</span>
</span>
</h1>
</h3>

</div>

<div class="register-buttons">
<!-- <div class="register-buttons">
<div
class="apply-button"
data-hackathon-slug="hackowasp-4"
Expand All @@ -506,7 +507,7 @@ <h1 class="ml6">
<button class="mentorbtn">
<a class="" href="https://forms.gle/qLiDKJYT3bDNuduG7" target="_blank"><span><i class="fas fa-user-graduate" style="margin-right: 10px;"></i>Apply as a Mentor</span></a>
</button>
</div>
</div> -->


<!-- <div id="timer">
Expand Down Expand Up @@ -549,29 +550,24 @@ <h1 class="ml6">
<p>About.txt</p>
</div>
<div class="cardContent aboutContent">
<h4>About HackOwasp 4.0</h4>
<h4>About HackOwasp !</h4>
<p>
HackOWASP is an annual national hackathon organized by the members of the OWASP Student Chapter,
Thapar
Institute of Engineering and Technology, Patiala.
<br>Continuing the legacy forward, the fourth edition of the event, HackOWASP 4.0 gives a chance to
<br>Continuing the legacy forward, the fourth edition of the event, HackOWASP gives a chance to
all the
ingenious developers to subsume creativity with ambition and give rise to innovation in the
burgeoning world
of technology. The event is a 36-hour long hackathon, scheduled from March 11, 2022, to March 13,
2022.
HackOWASP 4.0 stands at a national level on the global scale and strives to motivate students to go
of technology.
HackOWASP stands at a national level on the global scale and strives to motivate students to go
beyond
the possible.
<br>The students will be participating in teams of 2-4 members to solve real-life problem statements
and
develop solutions and their prototypes.
<br/>
<div class="teamButton">
<!-- <div class="teamButton">
<button class="teambtn" style="overflow: hidden;">
<a href="./team.html" target="_blank" style="position: relative; padding-left: 35px;">Organising Team</a>
</button>
</div>
</div> -->

</p>
</div>
Expand All @@ -585,7 +581,7 @@ <h4>About HackOwasp 4.0</h4>
<p>Glimpses.exe</p>
</div>
<div class="cardContent carouselDisp carouselPlace">
<div class="container1" data-autoplay="true">
<!-- <div class="container1" data-autoplay="true">
<div class="slide">
<img class="img-size" src="https://res.cloudinary.com/owasptiet/image/upload/v1644074471/hacko4/img1_gtcy5t.jpg" alt="nature"/>
</div>
Expand All @@ -605,7 +601,8 @@ <h4>About HackOwasp 4.0</h4>
<img class="img-size" src="https://res.cloudinary.com/owasptiet/image/upload/v1644074474/hacko4/img2_dbgbxa.jpg" alt="nature"/>
</div>
</div>
<div class="dots_container" id="indicator"></div>
<div class="dots_container" id="indicator"></div> -->
<h2>COMING SOON !</h2>
</div>

</div>
Expand Down Expand Up @@ -690,48 +687,40 @@ <h4>About HackOwasp 4.0</h4>
<p>Tracks.exe</p>
</div>

<div class="trackcardContent CardPrizes2">
<section class="page-content">
<div class="trackcardContent CardPrizes2" style="height: 80vh; display: flex; align-items: center; justify-content: center;">
<h1>COMING SOON !</h1>
<!-- <section class="page-content">
<div class="card trackcard" id="card5">
<div class="trackcardcontent">
<!-- <h2 class="title">To The Beach</h2> -->
<p class="copy">The world differentiates everyone who is a slight different from the common folk. Think of a groundbreaking idea so that everyone lives harmoniously.</p>
<!-- <button class="btn">View Trips</button> -->
</div>
</div>
<div class="card trackcard" id="card2">
<div class="trackcardcontent">
<!-- <h2 class="title">To The Beach</h2> -->
<p class="copy">Be the messiah of the underprivileged and hack all their worries away by creating the ultimate project to give back to the society. </p>
<!-- <button class="btn">View Trips</button> -->
</div>
</div>
<div class="card trackcard" id="card3">
<div class="trackcardcontent">
<!-- <h2 class="title">Desert Destinations</h2> -->
<p class="copy">Scrounge the innovative circuit of your brain to build the perfect sustainable project for the us and the future generations. </p>
<!-- <button class="btn">Book Now</button> -->
</div>
</div>
</section>
<section class="page-content">
<div class="card trackcard" id="card4">
<div class="trackcardcontent">
<!-- <h2 class="title">Mountain View</h2> -->
<p class="copy">With Elon Musk's dogecoin doing the rounds in both the finance and tech world, develop a product for this emerging industry. </p>
<!-- <button class="btn">View Trips</button> -->
</div>
</div>
<div class="card trackcard" id="card1">
<div class="trackcardcontent">
<!-- <h2 class="title">Mountain View</h2> -->
<p class="copy">Open Innovation
Wrack your brains and find an innovative solution for the problems the society has to grapple with in their day-to-day lives. </p>
<!-- <button class="btn">View Trips</button> -->
</div>
</div>
</section>
</section> -->


</div>
Expand Down Expand Up @@ -833,7 +822,7 @@ <h2 class="mn1">All Participants</h2>
</section>

<!--sponsor prizes-->
<section class="screenPad" id="partnerPrizes">
<!-- <section class="screenPad" id="partnerPrizes">
<div class="row about-glimpses justify-content-around">
<div class=" hackocard col-lg-10 cardSize about">
<div class="cardHeader">
Expand Down Expand Up @@ -947,11 +936,11 @@ <h2 class="mn1"> <a style ="text-decoration: none; color: white; " target="_blan
</div>
</div>
</section>
</section> -->


<!-- MLH sponsor prizes -->
<section class="screenPad" id="mlhPrizes">
<!-- <section class="screenPad" id="mlhPrizes">
<div class="row about-glimpses justify-content-around">
<div class=" hackocard col-lg-10 cardSize about">
<div class="cardHeader">
Expand Down Expand Up @@ -1029,7 +1018,7 @@ <h5>Auth0 is an authentication and authorization as a service platform!</h5>
</div>
</div>
</section>
</section> -->

<!-- judges and speakers -->
<!-- <section class="screenPad" id="speakers">
Expand Down Expand Up @@ -1097,11 +1086,11 @@ <h5>Auth0 is an authentication and authorization as a service platform!</h5>
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<p>PLATINUM</p>
<p>OUR SPONSORS</p>
</div>
<div class="sponsorcardcontent">

<div class="row">
<div class="sponsorcardcontent" style="height: 50vh; display: flex; align-items: center; justify-content: center;">
<h1>COMING SOON !</h1>
<!-- <div class="row">
<div class="col-lg-4 col-sm-4">
<a href="https://mlh.io/" target="_blank">
<img class="sponsor-img-platinum" src="https://res.cloudinary.com/owasptiet/image/upload/v1644074749/hacko4/sponsors/mlh-logo-color_bc6ctn.png" alt=""/>
Expand Down Expand Up @@ -1147,10 +1136,10 @@ <h5>Auth0 is an authentication and authorization as a service platform!</h5>
<img class="sponsor-img-platinum" src="/assets/media/Sponsors/Lumos Labs Logo.png" alt=""/>
</a>
</div>
</div>
</div> -->
</div>
</div>
<div class="sponsor-card gold">
<!-- <div class="sponsor-card gold">
<div class="cardHeader">
<div class="circle1"></div>
<div class="circle2"></div>
Expand Down Expand Up @@ -1230,8 +1219,8 @@ <h5>Auth0 is an authentication and authorization as a service platform!</h5>
</div>
</div>
<div class="sponsor-card silver">
</div> -->
<!-- <div class="sponsor-card silver">
<div class="cardHeader">
<div class="circle1"></div>
<div class="circle2"></div>
Expand Down Expand Up @@ -1331,9 +1320,9 @@ <h5>Auth0 is an authentication and authorization as a service platform!</h5>
</div>
</div>
</div>
</div> -->

<div class="sponsor-card silver">
<!-- <div class="sponsor-card silver">
<div class="cardHeader">
<div class="circle1"></div>
<div class="circle2"></div>
Expand Down Expand Up @@ -1366,7 +1355,7 @@ <h5>Auth0 is an authentication and authorization as a service platform!</h5>
</div>
</div>
</div>
</div> -->
<div class="row abc">
<div class="sponsor-card sponsor-carder1">
<div>
Expand Down Expand Up @@ -1411,7 +1400,7 @@ <h5>Auth0 is an authentication and authorization as a service platform!</h5>
<div class="content-container">
<div class="textbox">
<div class="question-box">
<p style="margin: 0px; position: relative;"> What is the team size for HackOwasp 4.0? </p>
<p style="margin: 0px; position: relative;"> What is the team size for HackOwasp 5.0? </p>
</div>
<div class="answer-box">
<p style="margin: 0px;">A Team can consist of 2-4 members.</p>
Expand Down Expand Up @@ -1475,7 +1464,7 @@ <h4>About Owasp</h4>
strived
hard to maintain the coding culture throughout the campus.
<div class="teamButton ourteambtn">
<a class="teambtn" href="https://main.owasp.co.in/team.html" target="_blank">Our Team</a>
<!-- <a class="teambtn" href="https://main.owasp.co.in/team.html" target="_blank">Our Team</a> -->
</div>

</div>
Expand Down Expand Up @@ -1562,7 +1551,7 @@ <h3 style="margin-bottom: 15px; text-align: center;">Contact Us</h3>
<a href="mailto:[email protected]" style="color: white; text-decoration: none;"> <i class="fa fa-envelope fa-2x" aria-hidden="true" style="user-select: none;"></i> <span style="position: relative; left: 10px; top: -7px; user-select: none;">[email protected]</span> </a>
</div>

<div class="map-phone">
<!-- <div class="map-phone">
<div class="phonecard">
<div class="phoneicon">
<i class="fas fa-phone-alt"></i>
Expand All @@ -1573,8 +1562,8 @@ <h3 style="margin-bottom: 15px; text-align: center;">Contact Us</h3>
8968689029</a></p>
</div>
</div>
</div>
<div class="map-phone">
</div> -->
<!-- <div class="map-phone">
<div class="phonecard">
<div class="phoneicon">
<i class="fas fa-phone-alt"></i>
Expand All @@ -1585,7 +1574,7 @@ <h3 style="margin-bottom: 15px; text-align: center;">Contact Us</h3>
9899278580</a></p>
</div>
</div>
</div>
</div> -->
<div class="map-phone">
<div class="phonecard">
<div class="phoneicon">
Expand Down

0 comments on commit e2c2ff1

Please sign in to comment.