Skip to content

Commit

Permalink
Prepare templates for each competition
Browse files Browse the repository at this point in the history
  • Loading branch information
@VishwaAmarasinghe
VishwaAmarasinghe committed Apr 17, 2024
1 parent a12adb2 commit 785f86d
Show file tree
Hide file tree
Showing 13 changed files with 747 additions and 30 deletions.
68 changes: 68 additions & 0 deletions 3d design.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--bootstraps-link-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!--bootstraps-link-->
<link rel="stylesheet" href="/assets/style/style.css">
<title>Cyber Pulse</title>
</head>
<body>
<!--navbar starts here-->
<div id="nav-placeholder">
</div>
<!--navbar ends here-->

<!-- section starts here-->
<section id="Competition-sub">
<center>
<h1 class="competition-name">
NAME
</h1>
</center>
<h1 class="titles">
THEME
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
ELIGIBILITY AND PARTICIPATION
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
GUIDELINES
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
SUBMISSION
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>

</section>
<!--section ends here-->
<div id="footer-placeholder">
</div>
<!--bootstraps-link-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!--bootstraps-link-->
<!--Font awsome starts-->
<script src="https://kit.fontawesome.com/8d78513a47.js" crossorigin="anonymous"></script>
<!--Font awsome ends-->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="/assets/js/script.js"></script>
</body>
</html>
Binary file added assets/img/bg-1.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.
16 changes: 16 additions & 0 deletions assets/style/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,10 @@ background: url("../img/bg.png");
background: url("../img/bg-2.png");
padding: 80px;
}
#Competition-sub{
background: url("../img/bg-2.png");
padding: 80px;
}
.acf-img{
width: 200px;
padding-bottom: 20px;
Expand Down Expand Up @@ -184,3 +188,15 @@ scale: 1.0;
background:#ffffff;
color: #000000;
}
.competition-name{
color: #ffffff;
font-size: 60px;
}
.titles{
color: #d8d8d8;
}
.titile-text{
color: #ffffff;
margin-top: 20px;
margin-bottom: 50px;
}
81 changes: 51 additions & 30 deletions competitions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,9 +36,12 @@ <h3>Web Design</h3>
and user-friendly websites.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./webdesign.html">
<button class="button card-button">
JOIN
</button>
</a>

</center>

</div>
Expand All @@ -57,9 +60,11 @@ <h3>Photo Manipulation</h3>
Transforming and enhancing images creatively through digital editing techniques.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./photo-manipulation.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -78,9 +83,11 @@ <h3>Poster Design</h3>
Communicating messages visually through compelling layouts and graphics for promotional purposes.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./poster-design.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -99,9 +106,11 @@ <h3>Logo Design</h3>
Crafting distinctive and memorable visual symbols to represent brands or organizations.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./logo-design.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -120,9 +129,11 @@ <h3>Presentations</h3>
Designing visually engaging slideshows to convey information effectively and engage audiences.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./presentation.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -141,9 +152,11 @@ <h3>3D Design</h3>
Modeling and rendering objects and environments in three-dimensional space for various applications.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./3d design.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -162,9 +175,11 @@ <h3>Video Editing</h3>
Creating captivating visual content through editing, effects, and storytelling for various purposes.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./video-editing.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -183,9 +198,11 @@ <h3>Game Development</h3>
Creating immersive interactive experiences through programming, design, and storytelling elements.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./game-dev.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -204,9 +221,11 @@ <h3>Quiz</h3>
Developing interactive assessments to test knowledge or gather feedback in an engaging format.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./quiz.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand All @@ -225,9 +244,11 @@ <h3>E-Sports</h3>
Organizing competitive gaming events and tournaments for players and spectators in the digital realm.
</div>
<center>
<button class="button card-button">
JOIN
</button>
<a href="./e-sport.html">
<button class="button card-button">
JOIN
</button>
</a>
</center>

</div>
Expand Down
68 changes: 68 additions & 0 deletions e-sport.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--bootstraps-link-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!--bootstraps-link-->
<link rel="stylesheet" href="/assets/style/style.css">
<title>Cyber Pulse</title>
</head>
<body>
<!--navbar starts here-->
<div id="nav-placeholder">
</div>
<!--navbar ends here-->

<!-- section starts here-->
<section id="Competition-sub">
<center>
<h1 class="competition-name">
NAME
</h1>
</center>
<h1 class="titles">
THEME
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
ELIGIBILITY AND PARTICIPATION
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
GUIDELINES
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
SUBMISSION
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>

</section>
<!--section ends here-->
<div id="footer-placeholder">
</div>
<!--bootstraps-link-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!--bootstraps-link-->
<!--Font awsome starts-->
<script src="https://kit.fontawesome.com/8d78513a47.js" crossorigin="anonymous"></script>
<!--Font awsome ends-->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="/assets/js/script.js"></script>
</body>
</html>
68 changes: 68 additions & 0 deletions game-dev.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--bootstraps-link-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!--bootstraps-link-->
<link rel="stylesheet" href="/assets/style/style.css">
<title>Cyber Pulse</title>
</head>
<body>
<!--navbar starts here-->
<div id="nav-placeholder">
</div>
<!--navbar ends here-->

<!-- section starts here-->
<section id="Competition-sub">
<center>
<h1 class="competition-name">
NAME
</h1>
</center>
<h1 class="titles">
THEME
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
ELIGIBILITY AND PARTICIPATION
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
GUIDELINES
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>
<h1 class="titles">
SUBMISSION
</h1>
<div class="titile-text">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
</div>

</section>
<!--section ends here-->
<div id="footer-placeholder">
</div>
<!--bootstraps-link-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!--bootstraps-link-->
<!--Font awsome starts-->
<script src="https://kit.fontawesome.com/8d78513a47.js" crossorigin="anonymous"></script>
<!--Font awsome ends-->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="/assets/js/script.js"></script>
</body>
</html>
Loading

0 comments on commit 785f86d

Please sign in to comment.