diff --git a/about.css b/about.css new file mode 100644 index 0000000..13f9d72 --- /dev/null +++ b/about.css @@ -0,0 +1,83 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: #0d1b2a; /* Dark space-like background */ + font-family: 'Arial', sans-serif; + color: #fff; + background-image: url('./assets/images/pngtree-game-space-blue-planet-picture-image_2444872.jpg'); /* Background image */ + background-repeat: no-repeat; + background-attachment: fixed; /* Fixed background */ + background-size: cover; /* Covers entire viewport */ + height: 100vh; + overflow-x: hidden; +} + +header { + padding: 20px 0; + background-color: rgba(13, 27, 42, 0.8); /* Semi-transparent background */ +} + +.main-heading { + font-size: 3em; + color: #00ff80; /* Neon green */ + text-align: center; + margin-bottom: 20px; +} + +.container { + width: 90%; + max-width: 1200px; + margin: 0 auto; + padding-top: 20px; + text-align: center; +} + +h2 { + color: #00ff80; /* Neon green */ + font-size: 2.2em; + margin-bottom: 20px; +} + +p { + font-size: 1.2em; + margin-bottom: 30px; +} + +.highlight { + color: #ffdd00; /* Neon yellow for highlights */ +} + +ul { + list-style: none; + margin-bottom: 40px; + padding-left: 0; +} + +ul li { + font-size: 1.1em; + margin-bottom: 15px; + color: #d0d7de; +} + +ul li::before { + content: '⭐ '; /* Adding star icon before each list item */ + color: #ffdd00; +} + +/* Section styling */ +section { + margin-bottom: 50px; + padding: 20px; + background-color: rgba(13, 27, 42, 0.8); /* Semi-transparent background */ + border-radius: 10px; +} + +/* Hover effect for highlights */ +.highlight:hover { + color: #ff8800; /* Orange hover effect */ + transition: color 0.3s ease; +} diff --git a/about.html b/about.html new file mode 100644 index 0000000..7544a6f --- /dev/null +++ b/about.html @@ -0,0 +1,131 @@ + + + + + + + About Us | Alien Invasion Defense + + + + + + +
+

🚀 Alien Invasion Defense 🛸

+
+ +
+ +
+

Welcome to Alien Invasion Defense 👾

+

+ Alien Invasion Defense is an exciting space-shooter game that challenges you to defend your base from waves of alien invaders. With sleek graphics, easy controls, and thrilling gameplay, you’ll be immersed in an intergalactic battle for survival. Are you ready to become the ultimate space defender? +

+
+ + +
+

🌟 Features

+ +
+ + +
+

🎮 How to Play

+ +
+ + +
+

📜 Game Rules

+ +
+ + +
+

Tech Stack ⚙️

+

Alien Invasion Defense is powered by modern web technologies to ensure a smooth and engaging experience for players. Here’s the tech stack behind the game:

+ +
+ + +
+

❤️ Our Valuable Contributors

+
+ + Contributors + +

We are grateful to everyone who contributed to this project!

+
+
+ + + + +
+

🤝 Support the Project

+

If you find this project helpful, please consider giving it a star on GitHub! Your support helps us grow and improve the game.

+ +
+ +
+ + +
+

Keep learning 📚, exploring 🌍, and contributing 🤝 to make a difference in the world!

+

Made with ❤️ for all space defenders!

+
+ + Back to Top + +
+
+
+ + + diff --git a/assets/images/pic1.jpg b/assets/images/pic1.jpg new file mode 100644 index 0000000..a609fb1 Binary files /dev/null and b/assets/images/pic1.jpg differ diff --git a/assets/images/pic2.webp b/assets/images/pic2.webp new file mode 100644 index 0000000..d3da405 Binary files /dev/null and b/assets/images/pic2.webp differ diff --git a/assets/images/pngtree-game-space-blue-planet-picture-image_2444872.jpg b/assets/images/pngtree-game-space-blue-planet-picture-image_2444872.jpg new file mode 100644 index 0000000..761f928 Binary files /dev/null and b/assets/images/pngtree-game-space-blue-planet-picture-image_2444872.jpg differ diff --git a/feedback.html b/feedback.html index 854abd8..2e0f6f9 100644 --- a/feedback.html +++ b/feedback.html @@ -4,6 +4,7 @@ Feedback + @@ -67,6 +92,17 @@ + +
@@ -76,7 +112,9 @@
+ + @@ -389,6 +427,10 @@

- main +
+ + + +
\ No newline at end of file diff --git a/signup/signup.html b/signup/signup.html index 5746c13..f800b6d 100644 --- a/signup/signup.html +++ b/signup/signup.html @@ -5,6 +5,8 @@ Signup Form + +
diff --git a/style.css b/style.css index 78d1b91..c24dc73 100644 --- a/style.css +++ b/style.css @@ -1,13 +1,46 @@ -@font-face { +/* @font-face { font-family: "Rio"; src: url(Rio.ttf); -} +} */ + +/* @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@701&display=swap'); */ + +/* @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); + +.press-start-2p-regular { + font-family: "Press Start 2P", system-ui; + font-weight: 400; + font-style: normal; + } */ + +/* +// : Use a unique and descriptive class name +// : Use a value from 400 to 900 */ +/* +.orbitron- { + font-family: "Orbitron", sans-serif; + font-optical-sizing: auto; + font: weight 50px;; + font-style: normal; +} */ +/* +/* Use a unique and descriptive class name */ + +@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap'); + + +.audiowide-regular { + font-family: "Audiowide", sans-serif; + font-weight: 400; + font-style: normal; + } + * { margin: 0; padding: 0; box-sizing: border-box; - font-family:"Rio", Georgia, 'Times New Roman', Times, serif; + font-family:"Audiowide","Press Start 2P","Orbitron","Rio", Georgia, 'Times New Roman', Times, serif; } body { @@ -186,7 +219,7 @@ h1 { align-items: center; height: 100vh; text-align: center; - FeedbackPage + } #nextLevelMessage { display: none; @@ -227,5 +260,4 @@ FeedbackPage .feedback-button:hover { background-color: #e67e22; /* Darker shade on hover */ } -main -main +