Skip to content

Commit

Permalink
Merge branch 'main' of
Browse files Browse the repository at this point in the history 
https://github.com/tharuka01/Splendour
  • Loading branch information
@tharuka01
tharuka01 committed Jun 26, 2024
2 parents a95c284 + 676b246 commit a02c346
Show file tree
Hide file tree
Showing 9 changed files with 136 additions and 68 deletions.
Binary file added assets/img/Untitled-2-copy.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/img/bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/splendour-assets/splendour.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/splendour-logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/splendour.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions assets/placeholders/footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,13 @@
<hr><br>
<div class="row footer-row">
<div class="col-9 col-md-6">
<span class="footer-head">
<div class="footer-head">
<img src="./assets/img/acf.png" alt="" srcset="" class="footer-acf">
<div class="footer-name">
<h2>Splendour</h2> Organized by ACF
</div>

</span>
</div>
</div>
<div class="col-9 col-md-6 link-col">
<h4>Links</h4>
Expand All @@ -30,7 +30,7 @@ <h4>Links</h4>
</div>
<br>
<center>
<h5>All rights reserved by ©️ 2024 Antonian Computer Fraternity</h5>
<h5 class="rights">All rights reserved by ©️ 2024 Antonian Computer Fraternity</h5>
</center>
</div>
</footer>
6 changes: 3 additions & 3 deletions assets/placeholders/nav.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@

<div class="nav">
<nav class="navbar navbar-expand-lg ">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid ">
<a class="navbar-brand" href="index.html"><img src="./assets/img/nav-logo.png" alt="" class="nav-img"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" >
<span class="navbar-toggler-icon"></span>
<i class="fa-solid fa-bars"></i>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">

Expand Down
131 changes: 108 additions & 23 deletions assets/style/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@


#particles-js, #particles-js-contact, #particles-js-comp {
opacity: 20%;
opacity: 40%;
position: absolute;
top: 0;
left: 0;
Expand All @@ -27,15 +27,15 @@ html{

#home{
height: 700px;
background: url("../img/bg-1-1.jpg")no-repeat;
background: url("../img/bg.png")no-repeat;
background-position: center center;
background-size:cover;
}
.navbar{

-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(12px);
width: 80%;
width: 90%;
position: fixed;
z-index: 3;
margin-top: 20px;
Expand All @@ -58,24 +58,33 @@ background-size:cover;
}
.navbar-nav li a , .navbar-brand{
color: #ffffff !important ;
font-weight: 600;
font-weight: 700;
font-size: 20px;
animation: li-load 5s ;
}
.nav-item{
padding-right: 20px;
}
.nav-img{
width: 120px;
height:55px;
}
.navbar-toggler{
color: #ffffff;
}
.fa-solid{
color: #ffffff;
}

#navbarNavDropdown{
max-height: 100% !important;
}
.header{
position: relative;
color: white;
top:200px;

}
.header h1{
font-size: 120px;
font-style: normal;
font-weight: 700;
}

.buttons-header{
margin-top: 30px;
display: flex;
Expand Down Expand Up @@ -107,7 +116,7 @@ background-size:cover;
color: #09051e;
}
.main-text{
width: 90%;
width: 60%;
position: relative;
top: -30px;
}
Expand Down Expand Up @@ -138,12 +147,9 @@ background-size:cover;
position: relative;
overflow: hidden;
}
.acf-img{
width: 200px;
padding-bottom: 20px;
}

.about-header{
width: 50%;
width: 60%;
height: auto;
}
.about-text{
Expand All @@ -166,14 +172,26 @@ height: auto;
font-optical-sizing: auto;
font-style: normal;
}
.contact-cards{
margin-top: 50px;
.contact-detail{
padding-top: 70px;
padding-bottom: 70px;
}
.contact-card{
margin: 20px;
font-size: 20px;
font-optical-sizing: auto;
font-style: normal;
padding-bottom: 50px;
color: #ffffff;
}
.Contact-name{
font-size: 25px;
font-weight: 600;
}
.Contact-number a{
color: #ffffff;
text-decoration: none;
font-size: 25px;
font-weight: 600;
}
.card-heading{
font-weight: 600;
}
.social-media{
display: flex;
Expand Down Expand Up @@ -301,9 +319,10 @@ scale: 1.0;
margin-bottom: 50px;
font-size: 18px;
}

@media (max-width:700px) {
#home , #about , #contact , #competitions , #Competition-sub{
padding: 20px;
padding: 10px;
padding-top: 80px;
}
.about-header , .contact-heading , .competition-title{
Expand All @@ -312,4 +331,70 @@ scale: 1.0;
.about-text{
padding: 10px;
}
.button-main{
font-size: 15px;
width: 150px;
}
.main-text{
width: 100%;
position: relative;
top: -30px;
}
.Contact-name{
font-size: 20px;
font-weight: 600;
}
.Contact-number a{
color: #ffffff;
text-decoration: none;
font-size: 20px;
font-weight: 600;
}

}
@media (max-width:500px){
.card-heading{
font-size:15px;
}
.card-details{
font-size: 10px;
}
.Contact-name{
font-size: 15px;
font-weight: 600;
}
.Contact-number a{
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-weight: 600;
}
.about-header{
width: 90%;
}
.about-text{
font-size: 15px;
}
.buttons-header{
display:grid;
gap: 1rem;
}
.contact-heading{
font-size: 30px;
}
.contact-text{
font-size: 15px;
}
.social-media{
gap: 0rem;
}

}
@media (max-width:300px){
.footer-head{
display: grid;
}
.rights{
font-size: 15px;
}
}
61 changes: 22 additions & 39 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<div class="header">
<center>

<img src="./assets/img/Untitled-2.png" alt="" class="main-text"data-aos="zoom-in" data-aos-once="true">
<img src="./assets/img/splendour.png" alt="" class="main-text"data-aos="zoom-in" data-aos-once="true">

<div class="buttons-header" data-aos="zoom-in" data-aos-once="true">

Expand All @@ -48,12 +48,7 @@
<section id="about">
<div id="particles-js"></div>
<div class="content">
<div><center><img src="./assets/img/logo.png"class="about-header" alt="" data-aos="zoom-in" data-aos-once="true" ></center></div><br>
<center>
<div class="acf-img-div" data-aos="zoom-in" data-aos-once="true" >
<img src="assets/img/acf.png" alt="" srcset="" class="acf-img">
</div>
</center>
<div><center><img src="./assets/img/splendour-logo.png"class="about-header" alt="" data-aos="zoom-in" data-aos-once="true" ></center></div><br>
<div class="about-text" data-aos="zoom-in" data-aos-once="true" >St. Anthony's College Kandy's Computer Fraternity hosts Splendour annually,
celebrating ICT Day with a showcase of digital talent. This event features competitions
in web design, photo manipulation, poster design, 3D rendering, logo design, game development,
Expand Down Expand Up @@ -83,38 +78,26 @@ <h1 class="contact-heading" data-aos="zoom-in" data-aos-once="true">
Feel free to ask the questions and to aware about the event
</div>

<div class="contact-cards" data-aos="zoom-in" data-aos-once="true">
<div class="row justify-content-center">
<div class="col-9 col-md-6">
<div class="contact-card card">
<div class="card-heading">Aquinas Silva(President)</div>
<div class="card-details">+94 77 112 8140</div>
</div>
</div>
<div class="col-9 col-md-6">
<div class="contact-card card">
<div class="card-heading">Tharuka Wijekoon(Vice-President)</div>
<div class="card-details">+94 71 272 7445</div>
</div>
</div>
<div class="col-9 col-md-6">
<div class="contact-card card">
<div class="card-heading">Maleesha Piyathissa(Vice-President)</div>
<div class="card-details">+94 70 184 5595</div>
</div>
</div>
<div class="col-9 col-md-6">
<div class="contact-card card">
<div class="card-heading">Dan Dhanushyan(Secretary)</div>
<div class="card-details">+94 76 317 8056</div>
</div>
</div>
<div class="col-9 col-md-6">
<div class="contact-card card">
<div class="card-heading">Sudas Nimnath(Vice-Secretary)</div>
<div class="card-details">+94 71 839 8089</div>
</div>
</div>
<div class="contact-detail">
<div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
<div class="Contact-name">Aquinas Silva(President)</div>
<div class="Contact-number"><a href="https://wa.me/+94771128140" class="link-contact">+94 77 112 8140</a> </div>
</div>
<div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
<div class="Contact-name">Dan Dhanushyan(Secretary)</div>
<div class="Contact-number"><a href="https://wa.me/+94763178056" class="link-contact">+94 76 317 8056</a> </div>
</div>
<div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
<div class="Contact-name">Tharuka Wijekoon(Vice-President)</div>
<div class="Contact-number"><a href="https://wa.me/+94712727445" class="link-contact">+94 71 272 7445</a> </div>
</div>
<div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
<div class="Contact-name">Maleesha Piyathissa(Vice-President)</div>
<div class="Contact-number"><a href="https://wa.me/+94701845595" class="link-contact">+94 70 184 5595</a> </div>
</div>
<div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
<div class="Contact-name">Sudas Nimnath(Vice-Secretary)</div>
<div class="Contact-number"><a href="https://wa.me/+94718398089" class="link-contact">+94 71 839 8089</a> </div>
</div>
</div>
<div class="social-media" data-aos="zoom-in" data-aos-once="true">
Expand Down

0 comments on commit a02c346

Please sign in to comment.