Skip to content

Commit

Permalink
I am pushing banner
Browse files Browse the repository at this point in the history
  • Loading branch information
@Oreo236
Oreo236 committed Aug 15, 2024
2 parents 5bd42e0 + bd7d879 commit e721105
Show file tree
Hide file tree
Showing 16 changed files with 172 additions and 191 deletions.
68 changes: 40 additions & 28 deletions about.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,7 +122,6 @@ button{
color:rgba(28, 51, 18, 1);
text-align: left;
}

.motivation h2{
position: relative;
display: inline-block;
Expand All @@ -135,7 +134,6 @@ button{
left:150px;
padding-top: 200px;
}

.motivation p{
font-weight: lighter;
font-style: normal;
Expand All @@ -148,7 +146,6 @@ button{
top:200px;
left:170px;
}

.dashed-line img {
position:relative;
overflow: hidden;
Expand All @@ -168,8 +165,7 @@ button{
}
.goal-image{
flex-basis: 60%;
padding: 0px 60px;
}
padding: 0px 60px;}

.goal-text{
flex-basis: 100%;
Expand All @@ -192,43 +188,58 @@ button{
font-style: normal;
font-size: 60px;
}
.goal-text p{
color: #BFD1E5;
.goal-text p{color: #BFD1E5;
font-family: "Domine", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 28px;
width:75%;
font-size: 26px;
width:95%;
position:relative;
left:50px;
}
left:50px;}

.whatwedo {background-color: rgba(191, 209, 229, 1);
color:rgba(8, 51, 88, 1);
height:800px;
padding-top:300px;
margin-top:-355px;
font-family: "Domine", serif;}
.whatwedo h2 {
font-size: 64px;
font-weight: 700;
line-height: 89.6px;
text-align: left;
margin-left:120px;
margin-top:-10px;}
.whatwedo p {font-size: 30px;
font-weight: 400;
line-height: 42.19px;
text-align: left;
width:80%;
margin-left:130px;}
.whatwedo img {margin-left:765px;
margin-top:-489px;
transform: scale(1.12);}

.about-container {
display: flex;
align-items: center;
max-width: 1200px;
padding: 20px;
gap: 20px;
margin-top: 100px;
}
.founder-text{
gap: 20px;}
.ourstory-text{
flex-basis: 60%;
padding: 40px 60px;
margin-left: 70px;

}
.founder-text p{
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "wdth" 100;
.ourstory-text p{font-family: "Open Sans", sans-serif;
font-weight: 100;
font-style:normal;
text-align: left;
font-size: 20px;
font-size: 24px;
line-height: 33.75px;
width:140%;
}
.founder-text h2{
width:170%;}
.ourstory-text h2{
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
Expand All @@ -237,7 +248,7 @@ button{
text-align: left;
font-size: 60px;
}
.founder-image img{
.ourstory-image img{
flex:1;
position:relative;
left:200px;
Expand All @@ -248,7 +259,7 @@ button{

.team {
text-align: center;
margin-bottom: 100px;
margin-bottom: 150px;
}
.team h2 {
margin-bottom: 100px;
Expand All @@ -274,6 +285,7 @@ button{
line-height: 15px;
}

/*MEDIA BELOW!*/
@media (max-width: 1024px) {
.aboutus-about {
padding: 40px;
Expand Down
70 changes: 44 additions & 26 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,12 @@
<link rel="stylesheet" href="banner.css">
<link rel="stylesheet" href="footer.css">
<meta charset="UTF-8">

<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=Domine:[email protected]&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
</head>
<body>
<header class = "header">
<header>
<img src="images/Brand/Logo.svg"/>
<img src="images/Brand/Logo text.svg"/>
<nav class="navbar">
Expand All @@ -23,8 +22,10 @@
<a href="contact.html">Contact</a>
<button onclick="document.location='app.html'">Our App</button>
</nav>
<label for="" class="icons">
<i class='bx bx-menu' style="font-size: 2.8rem; color: #1C3312;"></i>
<input type="checkbox" id="check">
<label for="check" class="icons">
<i class='bx bx-menu' id="menu-icon"style="font-size: 2.8rem; color: #1C3312;"></i>
<i class='bx bx-x'id="close-icon"style="font-size: 2.8rem; color: #1C3312;"></i>
</label>
</header>
<section class="aboutus-about">
Expand Down Expand Up @@ -62,34 +63,49 @@ <h2>Our Motivation</h2>
</div>
<div class="goal-text">
<h2>Our Goal</h2>
<p>To ensure that these individuals are not left behind in the
healthcare system. By increasing awareness and utilization of free
healthcare resources through our app, we hope to alleviate the
burden of preventable diseases within these communities. </p>
<p>By increasing awareness and utilization of free healthcare
resources, we hope to alleviate the burden of preventable diseases
within these communities. Our goal is to empower individuals with
the knowledge and tools they need to make informed healthcare decisions,
ultimately improving their health and well-being. </p>
</div>
</div>

<section class= "whatwedo">
<h2>What We Do</h2>
<p>We work closely with community partners, social workers, and medical
professionals throughout New York to hold workshops that educate
low-income individuals about free clinical and social healthcare
resources available in their vicinity. Our workshops provide education
and guidance for individuals with factors that may limit their ability
to receive healthcare, such as insurance/financial status or citizenship.<br></br>
Additionally, our activities are supported by a free, easy-to-use app
that connects individuals to clinical and social resources based on
factors such as insurance status, language sensitivity, distance preferences,
and more.</p>
<img src="images/Vector 4.svg">
</section>

<section class="about-us">
<div class="about-container">
<div class="founder-text">
<h2>Our Founder</h2>
<div class="ourstory-text">
<h2>Our Story</h2>
<p>As a pre-medical student at Cornell University, Samhita Korukonda
has volunteered at several community health centers across New York
state. In particular, she serves as a council-member on the
Healthcare for Homeless Network (HCHN) - a national organization
dedicated to expanding healthcare resources.<br></br>

As a HCHN volunteer, she noticed a wealth of free healthcare
programs that were available to support low income and uninsured
individuals, but there was a critical lack of awareness about these
resources. This gap in healthcare utilization leads to a significant
burden of preventable disease in under-resourced communities. <br></br>

Motivated to make a change, she founded Communicare along with a
dedicated team of Cornell University students and faculty. </p>
</div>
<div class="founder-image">
<img src="images/People/Samhita1.png" alt="Founder" class="about-image" />
has volunteered at several community health centers across
New York state. In particular, she serves as a council-member
on the Healthcare for Homeless Network (HCHN) - a national
organization dedicated to expanding healthcare resources.<br></br>
As a HCHN volunteer, she noticed a wealth of free healthcare
programs that were available to support low income and uninsured
individuals, but there was a critical lack of awareness about
these resources. This gap in healthcare utilization leads to
a significant burden of preventable disease in under-resourced
communities. <br></br>
Motivated to make a change, she founded CommuniCare along
with a dedicated team of Cornell University students and faculty.</p>
</div>
<div class="ourstory-image">
<img src="images/ourstoryimg.svg" alt="History" class="ourstory-image" />
</div>


Expand Down Expand Up @@ -166,11 +182,13 @@ <h4>Let's Work Together!</h4>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="workshops.html">Workshop</a>
</nav>
<img class="FooterImg" src="images/Brand/FooterLogo.svg"/>
<button class="InstallApp"
onclick="document.location='app.html'">Download Our App
</button>
<p>CommuniCare is a 501(c)(3)(nonprofit) organization</p>
</footer>
</div>
</body>
Expand Down
22 changes: 9 additions & 13 deletions app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,8 @@ button{

.how-box {display: flex;
justify-content: left;
background: #083358;}
background: #083358;
height:600px;}
.how-text h2{color: #FFFFFF;
font-family: "Domine", serif;
font-weight: 700;
Expand All @@ -80,19 +81,14 @@ button{
text-align: left;
font-size: 48px;
line-height: 54.72px;
margin-top:100px;
margin-left: 120px;}
.ratio{padding-bottom: 7.5%;
position:relative;
display: block;
width: 100%;}
.ratio iframe{align-items: center;
justify-content:center;
text-align: center;
margin-left:112px;
margin-top:50px;
height:513px;
width:1215px;}
margin-left: 600px;}
.ratio {width: 800px;
height: 450px;
margin-left: 350px;
margin-right: auto;
margin-top: 10px;
display: block;}

#faq h2{margin-top: 150px;
color: #1C3312;
Expand Down
16 changes: 9 additions & 7 deletions app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<link href="https://fonts.googleapis.com/css2?family=Domine:[email protected]&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
</head>
<body>
<header class = "header">
<header>
<img src="images/Brand/Logo.svg"/>
<img src="images/Brand/Logo text.svg"/>
<nav class="navbar">
Expand All @@ -23,8 +23,10 @@
<a href="contact.html">Contact</a>
<button onclick="document.location='app.html'">Our App</button>
</nav>
<label for="" class="icons">
<i class='bx bx-menu' style="font-size: 2.8rem; color: #1C3312;"></i>
<input type="checkbox" id="check">
<label for="check" class="icons">
<i class='bx bx-menu' id="menu-icon"style="font-size: 2.8rem; color: #1C3312;"></i>
<i class='bx bx-x'id="close-icon"style="font-size: 2.8rem; color: #1C3312;"></i>
</label>
</header>
<div class="meet-app">
Expand All @@ -44,10 +46,8 @@ <h1>Meet the CommuniCare App</h1>
<div class = "how-text">
<h2>How it Works</h2>
</div>
<div class="ratio">
<iframe src="images/CommuniCare_demo_0724.MOV" frameborder="0"
allowfullscreen></iframe>
</div>
<iframe class="ratio" src="images/CommuniCare Demo Video.mp4"
type="video/mp4" frameborder="0" allowfullscreen></iframe>
</div>
</div>

Expand Down Expand Up @@ -163,11 +163,13 @@ <h4>Let's Work Together!</h4>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="workshops.html">Workshop</a>
</nav>
<img class="FooterImg" src="images/Brand/FooterLogo.svg"/>
<button class="InstallApp"
onclick="document.location='app.html'">Download Our App
</button>
<p>CommuniCare is a 501(c)(3)(nonprofit) organization</p>
</footer>
</body>
</html>
Loading

0 comments on commit e721105

Please sign in to comment.