Skip to content

Commit

Permalink
Merge branch 'sponsors'
Browse files Browse the repository at this point in the history
  • Loading branch information
@aviiciii
aviiciii committed Sep 27, 2024
2 parents 9127f42 + 01763e8 commit 9dd4f88
Show file tree
Hide file tree
Showing 3 changed files with 252 additions and 151 deletions.
126 changes: 52 additions & 74 deletions css/style1.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');
/*--------------------------------------------------------------
# HTML & BODY
--------------------------------------------------------------*/
Expand Down Expand Up @@ -126,6 +126,7 @@ h2 {
# PARTICLES
--------------------------------------------------------------*/
#particles-home,
#partcles-about,
#particles-domains {
position: absolute;
background: rgb(34, 33, 33);
Expand Down Expand Up @@ -510,101 +511,78 @@ header.scrolled {
padding-top: 20px;
}

#particles-about {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.back_about {
position: relative;
z-index: 1;
color: rgb(255, 255, 255);
background: rgb(34, 33, 33);
background: radial-gradient(circle, rgba(34, 33, 33, 1) 0%, rgba(2, 6, 8, 1) 100%);
font-size: 1.4rem;
text-align: justify;
}

.icon-container {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
margin-top: 50px;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
margin-top: 50px;
}

.icon-reg,
.icon-man,
.icon-projects {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.about-section span, h3{
font-family: "Acme", sans-serif;
font-weight: 600;
}
.about-section p{
letter-spacing: 2px;

}
.icon-reg p,
.icon-man p,
.icon-projects p {
margin-top: 10px;
font-size: 1em;
font-family: "Oswald", sans-serif !important;
font-optical-sizing: auto !important;
font-weight: 600 !important;
font-style: normal !important;
}

.back_about {
color: black;
background-color: wheat;
font-size: 1.4rem;
text-align: justify;
}

.back_about span {
font-weight: bolder;
margin-top: 10px;
font-size: 1em;
font-family: "Oswald", sans-serif !important;
font-optical-sizing: auto !important;
font-weight: 600 !important;
font-style: normal !important;
}

.about-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
}

.about-section .col-lg-5 {
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
position: relative;
z-index: 1;
}

.col-lg-5 {
margin-top: 50px;
margin-top: 50px;
}

.about-section .about_img {
flex: 1;
text-align: right;
}

.about-section img {
max-width: 100%;
height: auto;
}

.new-section {
text-align: center;
display: flex;
align-items: center;
gap: 80px;
margin-top: 50px !important;
}

.new-section img {
max-width: 200px;
height: auto;
border-radius: 0px;
}

.new-section p {
margin-top: 15px;
font-size: 18px;
color: #333;
font-weight: 500;
letter-spacing: 0.5px;
}

.new-section span {
font-weight: 700;
color: black;
}

/*--------------------------------------------------------------
# Glimpses
Expand Down
156 changes: 79 additions & 77 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -135,82 +135,81 @@ <h1 class="anton-sc-regular heading-pec not-selectable" id="heading-pec" style="
</section>
<!-- End of Home Page -->

<!-- Start of About Section -->
<section class="back_about" id="about">
<div class="container abo-pat">
<div data-aos="fade-down" data-aos-once="true">
<!-- HEADING -->
<div class="heading not-selectable">
<h1 class="heading-shadow" style="color: #f5f5f5;">ABOUT</h1>
<h2 class="heading-small">
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">A</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">B</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">O</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">U</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">T</div>
</div>
</h2>
</div>
<!-- end of heading -->

<div class="about-section" style="display: flex; align-items: center">
<div class="col-lg-5 align-self-center" data-aos="zoom-in" data-aos-once="true">
<br />
<h3>Welcome, Innovators and Change-Makers!</h3>
<br />
<p class="about-para">
"Introducing <span>PEC HACKS 2.0</span>– where boundless creativity meets game-changing
innovation!. Hosted by
<span>Panimalar Engineering College, Chennai, Tamil Nadu,</span> this hackathon is your
Golden-ticket to transform bold ideas into impactful solutions.
Join us on this electrifying journey as you team up with brilliant minds, tackle real-world
challenges, and push the boundaries of technology."
</p>
<p class="prize-pool">Prize Pool of <span>₹ 18 Lakh+</span></p>
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<div class="icon-container">
<div class="icon-reg">
<span class="center">
<lord-icon src="https://cdn.lordicon.com/lyrrgrsl.json" trigger="loop" delay="2000"
style="width:70px;height:70px"></lord-icon>
</span>
<p>3000+ Registrations</p>
</div>

<div class="icon-man">
<span class="center">
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<lord-icon src="https://cdn.lordicon.com/gkgkfbzm.json" trigger="loop"
colors="primary:#121331,secondary:#000000"
style="width:80px;height:80px"></lord-icon>
</span>
<p>300+ Hackers</p>
</div>

<div class="icon-projects">
<span class="center">
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<lord-icon src="https://cdn.lordicon.com/xirobkro.json" trigger="loop"
style="width:70px;height:70px"></lord-icon>
</span>
<p>60+ Projects</p>
</div>
</div>

</div>
</div>
<br />
</div>
<!-- <div class="heading not-selectable">
<!-- Start of About Section -->
<section class="back_about" id="about">
<div class="container abo-pat">
<!-- Particle Background -->
<div id="particles-about"></div>

<div data-aos="fade-down" data-aos-once="true">
<!-- HEADING -->
<div class="heading not-selectable">
<h1 class="heading-shadow not-selectable">ABOUT</h1>
<h2 class="heading-small" style="color: #ffffff;">
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">A</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">B</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">O</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">U</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">T</div>
</div>
</h2>
</div>
<!-- end of heading -->

<div class="about-section" style="display: flex; align-items: center">
<div class="col-lg-5 align-self-center" data-aos="zoom-in" data-aos-once="true">
<br />
<h3>Welcome, Innovators and Change-Makers!</h3>
<br />
<p class="about-para">
"Introducing <span>PEC HACKS 2.0</span>– where boundless creativity meets game-changing
innovation!. Hosted by
<span>Panimalar Engineering College, Chennai, Tamil Nadu,</span> this hackathon is your
Golden-ticket to transform bold ideas into impactful solutions.
Join us on this electrifying journey as you team up with brilliant minds, tackle real-world
challenges, and push the boundaries of technology."
</p>
<p class="prize-pool">Prize Pool of <span>₹ 18 Lakh+</span></p>
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<div class="icon-container">
<div class="icon-reg">
<span class="center">
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<lord-icon src="https://cdn.lordicon.com/vdjwmfqs.json" trigger="loop" delay="2000" colors="primary:#ffffff" style="width:70px;height:70px"></lord-icon>
</span>
<p>3000+ Registrations</p>
</div>

<div class="icon-man">
<span class="center">
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<lord-icon src="https://cdn.lordicon.com/srupsmbe.json" trigger="loop" colors="primary:#ffffff,secondary:#ffffff" style="width:70px;height:70px"></lord-icon>
</span>
<p>300+ Hackers</p>
</div>

<div class="icon-projects">
<span class="center">
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<lord-icon src="https://cdn.lordicon.com/ogjpwrxe.json" trigger="loop" colors="primary:#ffffff,secondary:#ffffff" style="width:70px;height:70px"></lord-icon>
</span>
<p>60+ Projects</p>
</div>
</div>
</div>
</div>
<br />
</div>
<!-- <div class="heading not-selectable">
<h1 class="heading-shadow p-res" id="white-back">OUR PATRONS</h1>
<h2 class="heading-small-p">
<div style="overflow: hidden">
Expand Down Expand Up @@ -253,7 +252,10 @@ <h2 class="heading-small-p">
<img src="assets/images/org.png" alt="Organized_By" style="max-width: 500px; height: auto;" />
</div>
</div> -->
</div>
</div>
<br /><br />
</section>
<!-- End of About Section -->

<br>
</section>
Expand Down
Loading

0 comments on commit 9dd4f88

Please sign in to comment.