-
Notifications
You must be signed in to change notification settings - Fork 30
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 #78 from ShrujanaReddy/main
Fixed issue 63
- Loading branch information
Showing
4 changed files
with
176 additions
and
3 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,163 @@ | ||
| <!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="styles.css"> | ||
| <title>About Us - TravelTales</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" | ||
| integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <!-- Add Bootstrap Icons CSS link --> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> | ||
|
|
||
| </head> | ||
| <body> | ||
| <nav class="navbar bg-body-tertiary pink-bg"> | ||
| <a class="navbar-brand pink-text" href="https://amrit03b.github.io/TravelTales/"> <b>TravelTales:) </b> </a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" | ||
| aria-controls="offcanvasNavbar" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <div class="offcanvas offcanvas-end pink-bg" tabindex="-1" id="offcanvasNavbar" | ||
| aria-labelledby="offcanvasNavbarLabel"> | ||
| <div class="offcanvas-header"> | ||
| <h5 class="offcanvas-title" id="offcanvasNavbarLabel" style="color: #c71585"> | ||
| TravelTales:) | ||
| </h5> | ||
| <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> | ||
| </div> | ||
| <div class="offcanvas-body"> | ||
| <ul class="navbar-nav justify-content-end flex-grow-1 pe-3"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" aria-current="page" href="index.html">Home</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active checkAuth" aria-current="page" data-href="write.html">Start Writing</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active checkAuth" aria-current="page" data-href="read.html">Read Journals</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" aria-current="page" href="aboutus.html">About us</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <header class="bg-info text-white p-1"> | ||
| <div class="container"> | ||
| <h1 class="text-center">About Us</h1> | ||
| <nav> | ||
| <ul> | ||
| <li class="nav-item"><a class="nav-link text-white" href="index.html">Go back to Home</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <main class="container mt-3"> | ||
| <section id="mission"> | ||
| <h1>Our Mission</h1> | ||
| <div class="border-top mb-4"></div> | ||
| <p> | ||
| TravelTales is dedicated to promoting and sharing the joy of travel. We believe that every journey is an | ||
| adventure and a story waiting to be told. Our mission is to provide a platform for travelers to share | ||
| their experiences, inspire others, and create a global community of explorers. | ||
| </p> | ||
| <p> | ||
| Whether you've explored remote landscapes, immersed in different cultures, or | ||
| embarked on thrilling escapades, TravelTales is the canvas where you can paint | ||
| your travel adventures. We encourage you to write and add pictures depicting your journey. | ||
| </p> | ||
| <p> | ||
| Our mission is to inspire others with your exciting travel stories and | ||
| memories. Join our community of wanderlust enthusiasts and start sharing your | ||
| travel tales today! | ||
| </p> | ||
| </section> | ||
| </main> | ||
| <section id="title" class="gradient-background"> | ||
| <footer> | ||
| <div class="text-center p-3 footerr" style="color: white; | ||
| background-color: rgba(242, 97, 205, 0.2)"> | ||
| <p>© 2023 Copyright:</p> | ||
| <a class="text-black d-block" href="index.html">TravelTales:)</a> | ||
| <a class="btn btn-rounded" href="aboutus.html">About us</a> | ||
| </div> | ||
| <!-- Copyright --> | ||
| </footer> | ||
| <!-- Footer --> | ||
| </section> | ||
| <div class="modal-wrap"> | ||
| <div class="info-wrap"> | ||
| <h3 class="info-text">To write or read a post you must do authorization.</h3> | ||
| <div class="btn-group"> | ||
| <button class="btnA btn-sign">Sign in/up</button> | ||
| <button class="btnA btn-cancel">Cancel</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" | ||
| integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" | ||
| crossorigin="anonymous"></script> | ||
| <script> | ||
| function SignUp() { | ||
| document.getElementById("sign-up").style.display = "block"; | ||
| } | ||
|
|
||
| function closeSignUp() { | ||
| document.getElementById("sign-up").style.display = "none"; | ||
| } | ||
|
|
||
| function SignIn() { | ||
| closeSignUp(); | ||
| document.getElementById("sign-in").style.display = "block"; | ||
| } | ||
|
|
||
| function closeSignIn() { | ||
| document.getElementById("sign-in").style.display = "none"; | ||
| } | ||
| function toggleForm(formId) { | ||
| var form = document.getElementById(formId); | ||
| if (form.style.display === "block") { | ||
| form.style.display = "none"; | ||
| } else { | ||
| form.style.display = "block"; | ||
| } | ||
| } | ||
|
|
||
| function closeForm(formId) { | ||
| document.getElementById(formId).style.display = "none"; | ||
| } | ||
| </script> | ||
| <script> | ||
| const bodyWrap = document.querySelector('body'); | ||
| const btnSign = document.querySelector('.btn-sign'); | ||
| const btnCancel = document.querySelector('.btn-cancel'); | ||
| const modalWrap = document.querySelector('.modal-wrap'); | ||
| const btnCloseMenu = document.querySelector('.btn-close'); | ||
|
|
||
| const toggleModalWrap = () => modalWrap.classList.toggle('modal-wrap_active'); | ||
| const hideMenuWrap = () => btnCloseMenu.click(); | ||
|
|
||
| btnSign.addEventListener('click', () => { | ||
| toggleModalWrap(); | ||
| window.open('login.html', '_self'); | ||
| }); | ||
|
|
||
| btnCancel.addEventListener('click', toggleModalWrap); | ||
|
|
||
| bodyWrap.addEventListener('click', ({ target }) => { | ||
| if (target.classList.contains('checkAuth')) { | ||
| hideMenuWrap(); | ||
| toggleModalWrap(); | ||
| window.scrollTo(0, 0); | ||
| } | ||
| }) | ||
| </script> | ||
| </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
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
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