-
Notifications
You must be signed in to change notification settings - Fork 187
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Added SpaceX Website Clone * Delete Front-end-Projects/Basic/SpaceX-Website-Clone/img/screenshot.webp * Add files via upload * Update README.md
- Loading branch information
1 parent
8a7871b
commit e587055
Showing
12 changed files
with
560 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,76 @@ | ||
| <h1 align='center'><b>💥SpaceX Website Clone 💥</b></h1> | ||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| <h3 align='center'>Tech Stack Used 🎮</h3> | ||
| <!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') --> | ||
|
|
||
| <div align='center'> | ||
|
|
||
|  | ||
|  | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| </div> | ||
|
|
||
|
|
||
|  | ||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| ## :zap: Description 📃 | ||
|
|
||
| <div> | ||
| <!-- <p>Add Description of the project</p> --> | ||
| <p>SpaceX website clone is the best project to practice and dive deep about CSS Animations,Media Queries.</p> | ||
| </div> | ||
|
|
||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| ## :zap: How to run it? 🕹️ | ||
|
|
||
| <!-- Add steps how to run this project --> | ||
|
|
||
| - Clone the project | ||
| - Navigate to the folder | ||
| - Run `index.html` | ||
|
|
||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| ## :zap: Screenshots 📸 | ||
| <!-- add the screenshot of the project (Mandatory) --> | ||
|
|
||
|  | ||
|
|
||
|
|
||
|
|
||
|  | ||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| <h4 align='center'>Developed By <b><i>Amruta Jayanti</i></b> 👦</h4> | ||
| <p align='center'> | ||
| <a href='https://www.linkedin.com/in/amruta-jayanti-064523254?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app'> | ||
| <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' /> | ||
| </a> | ||
| <a href='https://github.com/AmrutaJayanti'> | ||
| <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' /> | ||
| </a> | ||
| </p> | ||
|
|
||
| <h4 align='center'>Happy Coding 🧑💻</h4> | ||
|
|
||
| <h3 align="center">Show some ❤️ by 🌟 this repository!</h3> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
168 changes: 168 additions & 0 deletions
168
Front-end-Projects/Basic/SpaceX-Website-Clone/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,168 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>SpaceX</title> | ||
| <link rel="stylesheet" href="./style.css" /> | ||
| </head> | ||
| <body> | ||
| <header class="main-header"> | ||
| <div class="logo"> | ||
| <a href="index.html"> | ||
| <img src="./img/logo.png" alt="SpaceX"/> | ||
| </a> | ||
| </div> | ||
| <nav class="desktop-main-menu"> | ||
| <ul> | ||
| <li><a href="index.html">Falcon 9</a></li> | ||
| <li><a href="index.html">Falcon Heavy</a></li> | ||
| <li><a href="index.html">Dragon</a></li> | ||
| <li><a href="index.html">Starship</a></li> | ||
| <li><a href="index.html">Human Spaceflight</a></li> | ||
| <li><a href="index.html">Rideshare</a></li> | ||
| <li><a href="index.html">Shop</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <button id="menu-btn" class="hamburger" type="button"> | ||
| <span class="hamburger-top"></span> | ||
| <span class="hamburger-middle"></span> | ||
| <span class="hamburger-bottom"></span> | ||
| </button> | ||
|
|
||
| <!--A--> | ||
| <section class="section-a"> | ||
| <div class="section-inner"> | ||
| <h4>Upcoming Launch</h4> | ||
| <h2>CRS-25 Mission</h2> | ||
| <a href="#" class="btn"> | ||
| <div class="hover"></div> | ||
| <span>Rewatch</span> | ||
| </a> | ||
| </div> | ||
| <div class="scroll-arrow"> | ||
| <svg width="30px" height="20px"> | ||
| <path | ||
| stroke="#ffffff" | ||
| fill="none" | ||
| stroke-width="2px" | ||
| d="M2.000,5.000 L15.000,18.000 L28.000,5.000 " | ||
| ></path> | ||
| </svg> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!--B--> | ||
| <section class="section-b"> | ||
| <div class="section-inner"> | ||
| <h4>Recent Launch</h4> | ||
| <h2>Starlink Mission</h2> | ||
| <a href="#" class="btn"> | ||
| <div class="hover"></div> | ||
| <span>Rewatch</span> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="scroll-arrow"> | ||
| <svg width="30px" height="20px"> | ||
| <path | ||
| stroke="#ffffff" | ||
| fill="none" | ||
| stroke-width="2px" | ||
| d="M2.000,5.000 L15.000,18.000 L28.000,5.000 " | ||
| ></path> | ||
| </svg> | ||
| </div> | ||
| </section> | ||
| <!--C--> | ||
| <section class="section-c"> | ||
| <div class="section-inner"> | ||
| <h4>Recent Mission</h4> | ||
| <h2>SES-22 Mission</h2> | ||
| <a href="#" class="btn"> | ||
| <div class="hover"></div> | ||
| <span>Rewatch</span> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="scroll-arrow"> | ||
| <svg width="30px" height="20px"> | ||
| <path | ||
| stroke="#ffffff" | ||
| fill="none" | ||
| stroke-width="2px" | ||
| d="M2.000,5.000 L15.000,18.000 L28.000,5.000 " | ||
| ></path> | ||
| </svg> | ||
| </div> | ||
| </section> | ||
| <!--D--> | ||
| <section class="section-d"> | ||
| <div class="section-inner"> | ||
| <h4>Recent Launch</h4> | ||
| <h2>Globalstar FM15 Mission</h2> | ||
| <a href="#" class="btn"> | ||
| <div class="hover"></div> | ||
| <span>Rewatch</span> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="scroll-arrow"> | ||
| <svg width="30px" height="20px"> | ||
| <path | ||
| stroke="#ffffff" | ||
| fill="none" | ||
| stroke-width="2px" | ||
| d="M2.000,5.000 L15.000,18.000 L28.000,5.000 " | ||
| ></path> | ||
| </svg> | ||
| </div> | ||
| </section> | ||
| <!--E--> | ||
| <section class="section-e"> | ||
| <div class="section-inner"> | ||
| <h2>Starship Update</h2> | ||
| <a href="#" class="btn"> | ||
| <div class="hover"></div> | ||
| <span>Rewatch</span> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="scroll-arrow"> | ||
| <svg width="30px" height="20px"> | ||
| <path | ||
| stroke="#ffffff" | ||
| fill="none" | ||
| stroke-width="2px" | ||
| d="M2.000,5.000 L15.000,18.000 L28.000,5.000 " | ||
| ></path> | ||
| </svg> | ||
| </div> | ||
| </section> | ||
| <!--F--> | ||
| <section class="section-f"> | ||
| <div class="section-inner"> | ||
| <h2>Starship to add NASA astronauts on the moon</h2> | ||
| <a href="#" class="btn"> | ||
| <div class="hover"></div> | ||
| <span>Rewatch</span> | ||
| </a> | ||
| </div> | ||
| </section> | ||
| <footer> | ||
| <ul> | ||
| <li>SpaceX © 2022</li> | ||
| <li><a href="#">Twitter</a></li> | ||
| <li><a href="#">Youtube</a></li> | ||
| <li><a href="#">Instagram</a></li> | ||
| <li><a href="#">Flickr</a></li> | ||
| <li><a href="#">LinkedIn</a></li> | ||
| <li><a href="#">Privacy</a></li> | ||
| <li><a href="#">Suppliers</a></li> | ||
|
|
||
| </ul> | ||
| </footer> | ||
| </body> | ||
| </html> |
Binary file not shown.
Oops, something went wrong.