diff --git a/assets/img/3d.jpg b/assets/img/3d.jpg new file mode 100644 index 0000000..71205ff Binary files /dev/null and b/assets/img/3d.jpg differ diff --git a/assets/img/e-sport.jpg b/assets/img/e-sport.jpg new file mode 100644 index 0000000..73e12a9 Binary files /dev/null and b/assets/img/e-sport.jpg differ diff --git a/assets/img/game-dev.jpg b/assets/img/game-dev.jpg new file mode 100644 index 0000000..19b5512 Binary files /dev/null and b/assets/img/game-dev.jpg differ diff --git a/assets/img/logo-design.jpg b/assets/img/logo-design.jpg new file mode 100644 index 0000000..88e0831 Binary files /dev/null and b/assets/img/logo-design.jpg differ diff --git a/assets/img/photo-mani.jpg b/assets/img/photo-mani.jpg new file mode 100644 index 0000000..bde9977 Binary files /dev/null and b/assets/img/photo-mani.jpg differ diff --git a/assets/img/poster-design.jpg b/assets/img/poster-design.jpg new file mode 100644 index 0000000..e4aa1df Binary files /dev/null and b/assets/img/poster-design.jpg differ diff --git a/assets/img/presentation.jpg b/assets/img/presentation.jpg new file mode 100644 index 0000000..ced58f7 Binary files /dev/null and b/assets/img/presentation.jpg differ diff --git a/assets/img/quiz.jpg b/assets/img/quiz.jpg new file mode 100644 index 0000000..ac2ff43 Binary files /dev/null and b/assets/img/quiz.jpg differ diff --git a/assets/img/video.jpg b/assets/img/video.jpg new file mode 100644 index 0000000..cf96ca4 Binary files /dev/null and b/assets/img/video.jpg differ diff --git a/assets/img/web-design.jpg b/assets/img/web-design.jpg new file mode 100644 index 0000000..82de65f Binary files /dev/null and b/assets/img/web-design.jpg differ diff --git a/assets/js/script.js b/assets/js/script.js index f3812ea..2fec78d 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -1,8 +1,8 @@ $(function(){ - $("#nav-placeholder").load("../assets/placeholders/nav.html"); + $("#nav-placeholder").load("/assets/placeholders/nav.html"); }); $(function(){ - $("#footer-placeholder").load("../assets/placeholders/footer.html"); + $("#footer-placeholder").load("/assets/placeholders/footer.html"); }); \ No newline at end of file diff --git a/assets/placeholders/footer.html b/assets/placeholders/footer.html index 980d4e5..6c7c66e 100644 --- a/assets/placeholders/footer.html +++ b/assets/placeholders/footer.html @@ -23,7 +23,7 @@

Links

Contact diff --git a/assets/placeholders/nav.html b/assets/placeholders/nav.html index 53d300e..07d1aa1 100644 --- a/assets/placeholders/nav.html +++ b/assets/placeholders/nav.html @@ -11,15 +11,15 @@ Home diff --git a/assets/style/style.css b/assets/style/style.css index 25921a6..98ab1c5 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -44,17 +44,25 @@ background: url("../img/bg.png"); border: solid white 2px; border-radius: 25px; } -.button-main:hover{ +.button-1-link{ + text-decoration: none; + color: #ffffff; +} +.button-main:hover,.button-1-link:hover{ background-color: aliceblue; color: #09051e; } -#about , #contact{ +#about , #contact { background: url("../img/bg-2.png"); background-size: cover; padding: 80px; } +#competitions{ + background: url("../img/bg-2.png"); + padding: 80px; +} .acf-img{ width: 200px; padding-bottom: 20px; @@ -130,4 +138,49 @@ background: url("../img/bg.png"); .footer-link a{ text-decoration: none; color: #ffffff; -} \ No newline at end of file +} +.competition-title{ + color: #ffffff; +} +.competition-card-row{ + margin-top: 50px; +} +#competitions .card{ + background-color: rgba(145, 145, 145, 0.118); + -webkit-backdrop-filter: blur(50px); + backdrop-filter: blur(50px); + border: solid 1px rgba(255, 255, 255, 0.352);; + color: #ffffff; + padding: 0px; + margin: 30px; + +} +.card-img{ + width: 100%; + height: 300px; + object-fit: cover; + margin-bottom: 20px; +scale: 1.0; + +} +.card:hover{ + scale: 1.04; + transition: 0.5s; +} +.card-description{ + margin: 30px; +} +.card-button{ + width: 100px; + margin-bottom: 20px; + background: none; + border: solid 2px white; + border-radius: 10px; + color: #ffffff; + font-size: 20px; + font-weight: 600; +} +.card-button:hover{ + background:#ffffff; + color: #000000; +} diff --git a/competitions.html b/competitions.html new file mode 100644 index 0000000..b150af6 --- /dev/null +++ b/competitions.html @@ -0,0 +1,254 @@ + + + + + + Cyber Pulse + + + + + + + + +
+
+

+ Competitions +

+
+
+ +
+
+ +
+
+
+

Web Design

+
+
+
+ + Web design integrates creativity, functionality, and user experience to build visually captivating + and user-friendly websites. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

Photo Manipulation

+
+
+
+ Transforming and enhancing images creatively through digital editing techniques. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

Poster Design

+
+
+
+ Communicating messages visually through compelling layouts and graphics for promotional purposes. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

Logo Design

+
+
+
+ Crafting distinctive and memorable visual symbols to represent brands or organizations. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

Presentations

+
+
+
+ Designing visually engaging slideshows to convey information effectively and engage audiences. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

3D Design

+
+
+
+ Modeling and rendering objects and environments in three-dimensional space for various applications. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

Video Editing

+
+
+
+ Creating captivating visual content through editing, effects, and storytelling for various purposes. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

Game Development

+
+
+
+ Creating immersive interactive experiences through programming, design, and storytelling elements. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

Quiz

+
+
+
+ Developing interactive assessments to test knowledge or gather feedback in an engaging format. +
+
+ +
+ +
+ + +
+
+ +
+
+
+

E-Sports

+
+
+
+ Organizing competitive gaming events and tournaments for players and spectators in the digital realm. +
+
+ +
+ +
+ +
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 45d7666..cc3f3a7 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@