-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' of https://github.com/bca-code-for-charity/provit…
- Loading branch information
Showing
8 changed files
with
412 additions
and
57 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 |
|---|---|---|
| @@ -1,11 +1,197 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Competition</title> | ||
|
|
||
| <link rel="shortcut icon" href="images/project/project1.png" type="image/png"> | ||
|
|
||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="/styles/competition.css"> | ||
| <link rel="stylesheet" href="/styles/colors.css"> | ||
| <link rel="stylesheet" href="/styles/universal.css"> | ||
| <link rel="stylesheet" href="/styles/carousel.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <nav> | ||
| <div class="left"> | ||
| <img src="/images/logo.png" alt="" class="logo"> | ||
| </div> | ||
| <div class="right"> | ||
| <a href="/index.html" class="nav-link active">Home</a> | ||
| <a href="/ourProjects.html" class="nav-link">Our Projects</a> | ||
| <a href="/futureProjects.html" class="nav-link">Future Projects</a> | ||
| <a href="/competition.html" class="nav-link">Provita Competition</a> | ||
| <a href="/ourLeadership.html" class="nav-link">Our Leadership</a> | ||
| <a href="/contact.html" class="nav-link">Contact Us</a> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <div class="content-top"> | ||
| <div class="image"> | ||
| <!-- TODO: replace this image with the one that says PROVITA COMPETITION at the top --> | ||
| <img src="/images/project/title.png" alt=""> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="carousel"> | ||
|
|
||
| <div class="carousel-button carousel-button-left"> | ||
| ← | ||
| </div> | ||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae | ||
| eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae | ||
| eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae | ||
| eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae | ||
| eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae | ||
| eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae | ||
| eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="card"> | ||
| <div class="image"> | ||
| <img src="images/project/project3.png" alt="" srcset=""> | ||
| </div> | ||
| <div class="caption"> | ||
| <div class="card-title">TITLE</div> | ||
| <div class="card-creator">Insert name of Creator</div> | ||
| <div class="card-preview">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi odio repudiandae | ||
| eaque!</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="carousel-button carousel-button-right"> | ||
| → | ||
| </div> | ||
| </div> | ||
|
|
||
| <div style="margin-bottom:100vh"> | ||
| <!-- TODO: delete this div, made for testing --> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <div class="footer-left"> | ||
| <div class="column"> | ||
| <img src="/images/index/logo.png" alt=""> | ||
| <h2>The Only Student-Run Pharmaceutical Company in the Nation, Located at the Bergen County Academies in | ||
| Hackensack, NJ.</h2> | ||
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="footer-icon" | ||
| onclick="window.location.href = 'https://www.instagram.com/provita_pharma/'"> | ||
| <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"> | ||
| <path d="M10.333 3.644a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5" /> | ||
| <path | ||
| d="M.858 3.431A2.573 2.573 0 0 1 3.431.858h6.862a2.573 2.573 0 0 1 2.573 2.573v6.862a2.573 2.573 0 0 1-2.573 2.573H3.43a2.573 2.573 0 0 1-2.573-2.573V3.43Z" /> | ||
| <path d="M4.312 6.862a2.55 2.55 0 1 0 5.1 0a2.55 2.55 0 1 0-5.1 0" /> | ||
| </g> | ||
| </svg> | ||
| </div> | ||
| </div> | ||
| <div class="footer-right"> | ||
| <div class="column"> | ||
| <h1>USEFUL LINKS</h1> | ||
| <a href="/index.html" class="footer-link active">> Home</a> | ||
| <a href="/ourProjects.html" class="footer-link">> Our Projects</a> | ||
| <a href="/futureProjects.html" class="footer-link">> Future Projects</a> | ||
| <a href="/competition.html" class="footer-link">> Provita Competition</a> | ||
| <a href="/ourLeadership.html" class="footer-link">> Our Leadership</a> | ||
| <a href="/contact.html" class="footer-link">> Contact Us</a> | ||
| </div> | ||
| <div class="column"> | ||
| <h1>CONTACT US</h1> | ||
| <h2 class="footer-link">200 Hackensack Avenue, Hackensack, New Jersey 07670</h2> | ||
| <h2 class="footer-link">[email protected]</h2> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <script src="/scripts/universal.js"></script> | ||
| <script src="/scripts/carousel.js"></script> | ||
| </body> | ||
|
|
||
| </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 |
|---|---|---|
|
|
@@ -12,23 +12,23 @@ | |
| <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="/styles/colors.css"> | ||
| <link rel="stylesheet" href="/styles/universal.css"> | ||
| <link rel="stylesheet" href="/styles/index.css"> | ||
| <link rel="stylesheet" href="styles/colors.css"> | ||
| <link rel="stylesheet" href="styles/universal.css"> | ||
| <link rel="stylesheet" href="styles/index.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <nav class="active"> | ||
| <div class="left"> | ||
| <img src="/images/logo.png" alt="" class="logo"> | ||
| <img src="images/logo.png" alt="" class="logo"> | ||
| </div> | ||
| <div class="right"> | ||
| <a href="/index.html" class="nav-link active">Home</a> | ||
| <a href="/ourProjects.html" class="nav-link">Our Projects</a> | ||
| <a href="/futureProjects.html" class="nav-link">Future Projects</a> | ||
| <a href="/competition.html" class="nav-link">Provita Competition</a> | ||
| <a href="/ourLeadership.html" class="nav-link">Our Leadership</a> | ||
| <a href="/contact.html" class="nav-link">Contact Us</a> | ||
| <a href="index.html" class="nav-link active">Home</a> | ||
| <a href="ourProjects.html" class="nav-link">Our Projects</a> | ||
| <a href="futureProjects.html" class="nav-link">Future Projects</a> | ||
| <a href="competition.html" class="nav-link">Provita Competition</a> | ||
| <a href="ourLeadership.html" class="nav-link">Our Leadership</a> | ||
| <a href="contact.html" class="nav-link">Contact Us</a> | ||
| </div> | ||
| </nav> | ||
|
|
||
|
|
@@ -47,7 +47,7 @@ <h2>The Only Student-Run Pharmaceutical Company in the Nation, Located at the Be | |
| </div> | ||
| </div> | ||
| <div class="image"> | ||
| <img src="/images/index/index-1.png" alt=""> | ||
| <img src="images/index/index-1.png" alt=""> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -243,7 +243,7 @@ <h3>[email protected]</h3> | |
| <footer> | ||
| <div class="footer-left"> | ||
| <div class="column"> | ||
| <img src="/images/logo.png" alt=""> | ||
| <img src="images/logo.png" alt=""> | ||
| <h2>The Only Student-Run Pharmaceutical Company in the Nation, Located at the Bergen County Academies in | ||
| Hackensack, NJ.</h2> | ||
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="footer-icon" | ||
|
|
@@ -260,12 +260,12 @@ <h2>The Only Student-Run Pharmaceutical Company in the Nation, Located at the Be | |
| <div class="footer-right"> | ||
| <div class="column"> | ||
| <h1>USEFUL LINKS</h1> | ||
| <a href="/index.html" class="footer-link active">> Home</a> | ||
| <a href="/ourProjects.html" class="footer-link">> Our Projects</a> | ||
| <a href="/futureProjects.html" class="footer-link">> Future Projects</a> | ||
| <a href="/competition.html" class="footer-link">> Provita Competition</a> | ||
| <a href="/ourLeadership.html" class="footer-link">> Our Leadership</a> | ||
| <a href="/contact.html" class="footer-link">> Contact Us</a> | ||
| <a href="index.html" class="footer-link active">> Home</a> | ||
| <a href="ourProjects.html" class="footer-link">> Our Projects</a> | ||
| <a href="futureProjects.html" class="footer-link">> Future Projects</a> | ||
| <a href="competition.html" class="footer-link">> Provita Competition</a> | ||
| <a href="ourLeadership.html" class="footer-link">> Our Leadership</a> | ||
| <a href="contact.html" class="footer-link">> Contact Us</a> | ||
| </div> | ||
| <div class="column"> | ||
| <h1>CONTACT US</h1> | ||
|
|
@@ -275,8 +275,8 @@ <h2 class="footer-link">[email protected]</h2> | |
| </div> | ||
| </footer> | ||
|
|
||
| <script src="/scripts/universal.js"></script> | ||
| <script src="/scripts/index.js"></script> | ||
| <script src="scripts/universal.js"></script> | ||
| <script src="scripts/index.js"></script> | ||
| </body> | ||
|
|
||
| </html> | ||
Oops, something went wrong.