Skip to content

Commit

Permalink
competition
Browse files Browse the repository at this point in the history
Jack-Crowley committed Jun 1, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
1 parent a412e62 commit 17bcdeb
Showing 5 changed files with 205 additions and 19 deletions.
64 changes: 47 additions & 17 deletions competition.html
Original file line number Diff line number Diff line change
@@ -13,34 +13,55 @@
<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/competition.css">
<link rel="stylesheet" href="/styles/carousel.css">
</head>

<body>
<nav>
<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">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 active">Provita Competition</a>
<a href="ourLeadership.html" class="nav-link">Our Leadership</a>
<a href="contact.html" class="nav-link">Contact Us</a>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="navDropDownBtn">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h22M5 16h22M5 24h22"/>
</svg>
</div>
<div class="dropdown">
<a href="index.html" class="nav-link">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 active">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">
<p class="title">PROVITA COMPETITION</p>
<p class="slogan">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

<div class="about">
<div class="text">
<h1>About Our Competition</h1>
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h2>
</div>
<div class="image">
<!-- TODO: replace this image with the one that says PROVITA COMPETITION at the top -->
<img src="/images/project/title.png" alt="">
<img src="/images/index/index-1.png" alt="">
</div>
</div>


<h1 class="entriesTitle">View Last Year's Entries</h1>
<div class="carousel">

<div class="carousel-button carousel-button-left">
@@ -151,14 +172,23 @@
</div>
</div>

<div style="margin-bottom:100vh">
<!-- TODO: delete this div, made for testing -->
<h1 class="provitaCompetition">Join us in this year’s Provita Competition</h1>

<div class="competitionInfo">
<div class="image">
<img src="/images/competition/image.png" alt="">
</div>
<div class="buttons">
<a href="" class="enrollment">Enrollment</a>
<a href="" class="submission">Submission</a>
<a href="" class="payment">Payment</a>
</div>
</div>

<footer>
<div class="footer-left">
<div class="column">
<img src="/images/index/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"
@@ -175,10 +205,10 @@ <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="/index.html" class="footer-link">> 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="/competition.html" class="footer-link active">> Provita Competition</a>
<a href="/ourLeadership.html" class="footer-link">> Our Leadership</a>
<a href="/contact.html" class="footer-link">> Contact Us</a>
</div>
Binary file added images/competition/image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
158 changes: 158 additions & 0 deletions styles/competition.css
Original file line number Diff line number Diff line change
@@ -6,4 +6,162 @@

.content-top .image img {
max-width: 100%;
}

.title {
color: #4154F1;
font-size: 20px;
margin-top: 120px;
font-weight: 600;
margin-bottom: 0;
text-align: center;
}

.slogan {
color: #012970;
font-size: 40px;
font-weight: 700;
text-align: center;
margin-top: 20px;
}

.about {
display: grid;
margin: 0 200px;
grid-template-columns: 1fr 1fr;

padding: 100px;
column-gap: 50px;
border-radius: 50px;

-webkit-box-shadow: 0px 0px 50px 6px rgb(237, 237, 237);
-moz-box-shadow: 0px 0px 50px 6px rgb(237, 237, 237);
box-shadow: 0px 0px 50px 6px rgb(237, 237, 237);
}

.about h1 {
color: var(--light-blue);
font-weight: 400;
}

.about h2 {
color: var(--navy);
font-weight: 400;
}

.about img {
width: 80%;
height: 80%;
border-radius: 25px;
}

.carousel-button {
background-color: var(--light-blue) !important;
}

.carousel-button:hover {
background-color: var(--dark-blue) !important;
}

.card {
height: auto !important;
aspect-ratio:unset !important;
}

.carousel {
height: 500px !important;
}

.entriesTitle {
margin-top: 100px;
color: var(--light-blue);
padding-left: 50px;
}

.provitaCompetition {
text-align: center;
color: var(--navy);
margin-top: 50px;
font-size: 40px;
}

.competitionInfo {
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: 50px;
padding: 0 100px;
margin-bottom: 25px;
}

.competitionInfo .image {
display: flex;
align-items: center;
justify-content: center;
}

.buttons {
display: flex;
justify-content: space-around;
flex-direction: column;
gap: 40px;
width: 90%;
padding: 50px 0 !important;
}

.buttons a {
display: flex;
align-items: center;
justify-content: center;
height: 80%;

-webkit-box-shadow: 0px 0px 50px 6px rgb(237, 237, 237);
-moz-box-shadow: 0px 0px 50px 6px rgb(237, 237, 237);
box-shadow: 0px 0px 50px 6px rgb(237, 237, 237);
text-align: center;
text-decoration: none;
color: black;
font-size: 30px;

color: var(--light-blue);

transition: all .4s;
}

.buttons a:hover {
color: white;
background-color: var(--light-blue);
}


@media only screen and (max-width: 1200px) {
.about {
padding: 20px;
margin: 20px;
display: block;
}

.about .text h1 {
text-align: center;
}

.carousel {
display: none !important;
}

.card {
display: block !important;
width: 80% !important;
}

.carousel-button {
display: none !important;
}

.entriesTitle {
display: none;
}

.competitionInfo {
display: block;
}
}
1 change: 0 additions & 1 deletion styles/ourLeadership.css
Original file line number Diff line number Diff line change
@@ -27,7 +27,6 @@ body {
font-size: 40px;
font-weight: 700;
text-align: center;
width: 90%;
margin-top: 20px;
}

1 change: 0 additions & 1 deletion styles/projects.css
Original file line number Diff line number Diff line change
@@ -82,7 +82,6 @@ h4{
font-size: 40px;
font-weight: 700;
text-align: center;
width: 90%;
margin-top: 20px;
}

0 comments on commit 17bcdeb

Please sign in to comment.