Skip to content

Commit

Permalink
Merge branch 'Pre-reg'
Browse files Browse the repository at this point in the history
  • Loading branch information
@aviiciii
aviiciii committed Jul 27, 2024
2 parents 16018b4 + ad1f10d commit be4a26d
Show file tree
Hide file tree
Showing 2 changed files with 112 additions and 57 deletions.
119 changes: 82 additions & 37 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,39 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PEC Hacks | Hackathon</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="Logo-image" href="Images/Logo.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.1.1/css/hover.css" integrity="sha512-O0OajC2ZbewIBOO1RxRSm/kvJ0hn19ACNJXfBH0HflppYK9QCq9v/wfNdcKNs/Dh8IXFXc1URFame5IJVxLrWA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="main-wrapper">
<div class="main-container">
<nav>
<div class="nav__header">
<div class="nav__logo">
<a href="#"><img src="Images/logo.png" alt="Logo"></a>
</div>
</div>
<div class="nav__btns">
<a href="https://chat.whatsapp.com/CG3ni2opMFPGZTDiG45kP0" target="_blank"><button class="btn sign__in hvr-grow">Join Our Community</button></a>
</div>
</nav>
<header class="header__container">
<div class="header__image">
<img src="Images/Req_img.png" alt="header" />
</div>
<div class="header__content">
<h1 class="con-1">FORGE THE<br><span>FUTURE</span><br></h1><h1 class="con-2">UNLEASH YOUR CREATIVITY</h1>
</div>
</header>
<div class="nav__btns">
<a href="https://forms.office.com/Pages/ResponsePage.aspx?id=WmGV2-v5aUGGvyjMKpYvwPc0bwQGrCxPs6nrYoFGOnhURU1YREtJOVVZNFA2Q0E1WERBTEQyS1BLWi4u" target="_blank"><button class="btn sign__in hvr-float-shadow">Pre Register Now &rarr;</button></a>
</div>
</div>
</div>

</body>
</html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VZ6L07FFSH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());

gtag("config", "G-VZ6L07FFSH");
</script>
<!-- end of G tag -->

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PEC Hacks - Hackathon</title>
<link rel="stylesheet" href="styles.css" />
<link rel="icon" type="Logo-image" href="Images/Logo.jpg" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.1.1/css/hover.css"
integrity="sha512-O0OajC2ZbewIBOO1RxRSm/kvJ0hn19ACNJXfBH0HflppYK9QCq9v/wfNdcKNs/Dh8IXFXc1URFame5IJVxLrWA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>

<!-- meta tags - seo -->
<meta name="title" content="PEC Hacks" />
<meta
name="description"
content="Join PEC HACKS, a premier hackathon event where innovation and collaboration thrive. Solve real-world challenges, and make a meaningful impact."
/>
<meta
name="keywords"
content="pec hacks, hackathon, coding competition, tech event, innovation, collaboration, panimalar, panimalar engineering, chennai hackathon, tn hackathons, chennai, events in chennai, college hackathon, cse chennai, panimalar hackathon, panimalar college, pec hackathon, pec, poonamallee hackathon, poonamalle college, tamilnadu hackathon, tamil hackathon, madras, tamil nadu"
/>
<meta name="author" content="Panimalar Engineering College" />
<meta name="robots" content="index, follow" />
<meta name="language" content="English" />
<meta name="url" content="https://pechacks.org/" />
<meta name="og:title" content="PEC Hacks" />
<!-- herflang -->
<link rel="alternate" href="https://pechacks.org/" hreflang="x-default" />
<!-- cannonical -->
<link rel="canonical" href="https://pechacks.org/" />
</head>
<body>
<div class="main-wrapper">
<div class="main-container">
<nav>
<div class="nav__header">
<div class="nav__logo">
<a href="#"><img src="Images/logo.png" alt="Logo" /></a>
</div>
</div>
<div class="nav__btns">
<a href="https://chat.whatsapp.com/CG3ni2opMFPGZTDiG45kP0" target="_blank"
><button class="btn sign__in hvr-grow">Join Our Community</button></a
>
</div>
</nav>
<header class="header__container">
<div class="header__image">
<img src="Images/Req_img.png" alt="header" />
</div>
<div class="header__content">
<h1 class="con-1">FORGE THE<br /><span>FUTURE</span><br /></h1>
<h1 class="con-2">UNLEASH YOUR CREATIVITY</h1>
</div>
</header>
<div class="nav__btns">
<a
href="https://forms.office.com/Pages/ResponsePage.aspx?id=WmGV2-v5aUGGvyjMKpYvwPc0bwQGrCxPs6nrYoFGOnhURU1YREtJOVVZNFA2Q0E1WERBTEQyS1BLWi4u"
target="_blank"
><button class="btn sign__in hvr-float-shadow">Pre-Register Here &rarr;</button></a
>
</div>
</div>
</div>
</body>
</html>
50 changes: 30 additions & 20 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ nav {
}

.header__content .con-2 {
font-size: 3.5rem;
font-size: 3rem;
font-weight: 400;
line-height: 5.5rem;
}
Expand All @@ -105,25 +105,28 @@ nav {
padding: 1rem 2rem;
outline: none;
border: none;
font-size: 1rem;
font-family: var(--header-font);
letter-spacing: 2px;
font-size: 1.4rem;
font-style: var(--header-font);
white-space: nowrap;
color: var(--white);
background-color: var(--primary-color);
background-color: var(--text-dark);
border-radius: 10px;
transition: 0.3s;
transition: 0.2s;
cursor: pointer;
}

.header__content button:hover,
.nav__btns button:hover {
background-color: var(--primary-color-dark);
background-color: #fa6516;
}

@media (min-width: 768px) {
nav {
max-width: var(--max-width);
margin: auto;
padding: auto;
}

.nav__header {
Expand Down Expand Up @@ -164,21 +167,6 @@ nav {
width: fit-content;
}
}

@media (max-width: 500px) {
.nav {
max-width: 900px;
}
.nav__btns a button {
width: 150px;
font-size: .8rem;
padding: .8rem;
}
.nav__logo a img {
width: 120px;
}
}

@media (max-width: 768px) {
body {
background-color: var(--white);
Expand Down Expand Up @@ -209,4 +197,26 @@ nav {
.main-container {
border-radius: 10px;
}
nav {
padding: 10px 0;
}
.nav__header{
padding: 1rem 0 ;
}
}

@media (max-width: 500px) {
nav {
padding: 10px 0;
max-width: 900px;
}
.nav__btns a button {
/* width: 150px; */
font-size: .9rem;
padding: .8rem;
}
.nav__logo a img {
width: 150px;
}
}

0 comments on commit be4a26d

Please sign in to comment.