-
Notifications
You must be signed in to change notification settings - Fork 62
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #62 from pushkar1713/feat/about_us
feat : Added about us section
- Loading branch information
Showing
4 changed files
with
268 additions
and
84 deletions.
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,156 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="css/style.css" /> | ||
| <script src="js/script.js"></script> | ||
| <title>About Us</title> | ||
| <style> | ||
| .card { | ||
| display: flex; | ||
| justify-content: center; | ||
|
|
||
| border: 1px solid #ccc; | ||
| border-radius: 5px; | ||
| padding: 10px; | ||
| margin: 10px; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| position: relative; | ||
| } | ||
| .stats1 { | ||
| max-width: 960px; | ||
| margin: 0 auto; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| text-align: center; | ||
| text-transform: uppercase; | ||
| } | ||
| /* Style for the image on the left */ | ||
| .card img { | ||
| max-width: 500px; /* Adjust the maximum width of the image as needed */ | ||
| height: auto; | ||
| margin-right: 10px; | ||
| } | ||
|
|
||
| /* Style for the text on the right */ | ||
| .card .card-text { | ||
| flex-grow: 1; | ||
| justify-content: center; | ||
| } | ||
| .jobtitle { | ||
| margin-bottom: 2rem; | ||
| } | ||
| .job { | ||
| display: flex; | ||
| justify-content: center; | ||
| margin-bottom: 1rem; | ||
| margin-top: 1rem; | ||
| } | ||
| .card .learn-more-button { | ||
| /* Align the button to the bottom of the card */ | ||
| padding: 10px 20px; | ||
| position: absolute; | ||
| bottom: 0; | ||
| background-color: #007bff; /* Button background color */ | ||
| color: #fff; /* Button text color */ | ||
| border: none; | ||
| border-radius: 5px; | ||
|
|
||
| cursor: pointer; | ||
| margin-bottom: 1rem; | ||
| } | ||
| .button_div { | ||
| margin-right: 6rem; | ||
| } | ||
| .card .learn-more-button:hover { | ||
| background-color: #659bd5; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header class="main-header"> | ||
| <div class="logo"> | ||
| <a href="index.html"> | ||
| <img src="images/logo.png" alt="ISRO" /> | ||
| </a> | ||
| </div> | ||
| <nav class="desktop-main-menu"> | ||
| <ul> | ||
| <li><a href="PSLV.html">Polar Satellite LV</a></li> | ||
| <li><a href="GSLV.html">Geo Satellite LV</a></li> | ||
| <li><a href="LVM3.html">Geo Satellite M3</a></li> | ||
| <li><a href="COMMU.html">Communication Satellites</a></li> | ||
| <li><a href="Foreign.html">Foreign Satellites</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <section class="section-animate bg-hiring"></section> | ||
| <section class="section-animate bg-spacex"></section> | ||
| <div class="section-inner-center"> | ||
| <h3>ABOUT US</h3> | ||
| <p> | ||
| This website aims to adapt SpaceX's official website by incorporating | ||
| ISRO's content, offering a unique fusion of both organizations. | ||
| </p> | ||
| </div> | ||
| <div class="job"> | ||
| <h1>ISRO-Web 🧑🏽🚀</h1> | ||
| </div> | ||
| <!-- job 1 --> | ||
| <div class="stats1"> | ||
| <div class="card"> | ||
| <img src="./images/about us.jpg" alt="Image" /> | ||
| <div class="card-text"> | ||
| <h2 class="jobtitle">Welcome 👋</h2> | ||
| <p> | ||
| My project, ISRO-web, draws inspiration from the design and user | ||
| experience of SpaceX's official website. This endeavor reflects my | ||
| aspiration to bring a similar level of user engagement and | ||
| innovation to ISRO's online presence. By adapting the aesthetic and | ||
| functionality of SpaceX's website, my efforts are focused on | ||
| enhancing ISRO's digital platform to better showcase its | ||
| achievements, missions, and contributions to space exploration | ||
| <br /> | ||
| <br /> | ||
| 💻 Tech Stack | ||
| <br /> | ||
| HTML5 - HTML is the standard markup language for Web pages <br /> | ||
| JavaScript - JS is an Open source runtime environment, built on the | ||
| Chrome browser's V8 engine <br /> | ||
| CSS - CSS describes how HTML elements should be displayed | ||
| </p> | ||
|
|
||
| <!-- <a class="learn-more-button" href="#">Read More</a> --> | ||
| <div class="button_div"> | ||
| <a href="https://github.com/dakshsinghrathore/ISRO-web" | ||
| ><button class="learn-more-button">Learn More</button></a | ||
| > | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <ul> | ||
| <li>ISRO © 2023</li> | ||
| <li><a href="https://twitter.com/isro" target="_blank">Twitter</a></li> | ||
| <li> | ||
| <a href="https://www.youtube.com/@isroofficial5866" target="_blank" | ||
| >YouTube</a | ||
| > | ||
| </li> | ||
| <li> | ||
| <a href="https://www.linkedin.com/company/isro/" target="_blank" | ||
| >LinkedIn</a | ||
| > | ||
| </li> | ||
| <li><a href="privacy.html">Privacy</a></li> | ||
| <li><a href="#">Suppliers</a></li> | ||
| </ul> | ||
| </footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.