Skip to content

Commit

Permalink
Change images and array FAQ in grid.
Browse files Browse the repository at this point in the history
  • Loading branch information
@vivekraghuram
vivekraghuram committed Mar 20, 2017
1 parent c5e0b1e commit d2c1558
Show file tree
Hide file tree
Showing 14 changed files with 117 additions and 34 deletions.
38 changes: 22 additions & 16 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,13 +117,30 @@ button.navbar-toggle {
margin-top: 25px;
}

.logo-text {
display: inline-block;
color: #5DCCCB;
font-family: "Phenomena", Helvetica, Arial, sans-serif;
}

/* Home */

.home-container {
position: relative;
background: #EFE9E7;
background-image: url("../img/DSC_0442.jpg");
background-size: cover;
padding-top: 200px;
}

.home-shade {
position: absolute;
height: 100%;
width: 100%;
margin-top: -200px;
background-color: rgba(0, 0, 0, 0.2);
}

.home-title {
font-family: "Phenomena", Helvetica, Arial, sans-serif;
font-size: 100px;
Expand All @@ -141,6 +158,7 @@ button.navbar-toggle {
.home-info {
margin-top: 10px;
font-size: 28px;
color: #fff;
}

.home-apply-button {
Expand Down Expand Up @@ -228,24 +246,12 @@ a.cohost:hover, a.nonprofit:hover {
background-image: url("../img/nonprofits/rishi.png");
}

.nonprofit.acumen-logo {
background-image: url("../img/nonprofits/acumen.png");
}

.nonprofit.back_to_the_roots-logo {
background-image: url("../img/nonprofits/back2daroots.png");
}

.nonprofit.bawar-logo {
background-image: url("../img/nonprofits/bawar.png");
}

.nonprofit.easy_does_it-logo {
background-image: url("../img/nonprofits/ezdoesit.png");
.nonprofit.health_leads-logo {
background-image: url("../img/nonprofits/healthleads.png");
}

.nonprofit.root_and_rebound-logo {
background-image: url("../img/nonprofits/rootandrebound.png");
.nonprofit.ceri-logo {
background-image: url("../img/nonprofits/ceri.png");
}

.nonprofit.teach_for_america-logo {
Expand Down
Binary file added img/2017bb-lightbulb_text.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/DSC_0442.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed img/nonprofits/acumen.png
View file
Binary file not shown.
Binary file removed img/nonprofits/back2daroots.png
View file
Binary file not shown.
Binary file removed img/nonprofits/bawar.png
View file
Binary file not shown.
Binary file added img/nonprofits/ceri.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed img/nonprofits/ezdoesit.png
View file
Binary file not shown.
Binary file added img/nonprofits/healthleads.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed img/nonprofits/rootandrebound.png
View file
Binary file not shown.
Binary file modified img/nonprofits/tfa.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/nonprofits/tfa_old.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/sponsors/citris.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
113 changes: 95 additions & 18 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
<head>
<!-- General Meta -->
<meta charset="utf-8">
<meta name="description" content="Berkley Builds: Social Impact Designathon">
<meta name="description" content="Berkeley Builds: Social Impact Designathon">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Berkley Builds: Social Impact Designathon</title>
<title>Berkeley Builds: Social Impact Designathon</title>

<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
Expand Down Expand Up @@ -42,6 +42,7 @@
</nav>

<div class="home-container" id="home">
<div class="home-shade"></div>
<div class="container">
<section class="home row">
<div class="col-md-12 text-center">
Expand Down Expand Up @@ -82,12 +83,9 @@ <h1 class="solo-title">WHAT IS BERKELEY BUILDS?</h1>
<div class="section-body">
<h2 class="nonprofit-title">Innovate, collaborate, and create for the following nonprofits</h2>
<a class="nonprofit rishi-logo" href="http://www.projectrishi.org" target="_blank"></a>
<a class="nonprofit acumen-logo" href="http://acumen.org" target="_blank"></a>
<a class="nonprofit back_to_the_roots-logo" href="https://backtotheroots.com" target="_blank"></a>
<a class="nonprofit bawar-logo" href="https://www.bawar.org" target="_blank"></a>
<a class="nonprofit easy_does_it-logo" href="http://www.easydoesitservices.org" target="_blank"></a>
<a class="nonprofit root_and_rebound-logo" href="http://www.rootandrebound.org" target="_blank"></a>
<a class="nonprofit teach_for_america-logo" href="http://www.rootandrebound.org" target="_blank"></a>
<a class="nonprofit health_leads-logo" href="https://healthleadsusa.org/" target="_blank"></a>
<a class="nonprofit ceri-logo" href="http://cerieastbay.org/web3/index.php" target="_blank"></a>
<a class="nonprofit teach_for_america-logo" href="https://www.teachforamerica.org" target="_blank"></a>
</div>
</section>
</div>
Expand All @@ -97,16 +95,94 @@ <h2 class="nonprofit-title">Innovate, collaborate, and create for the following
<section id="faq">
<div class="section-body">
<h1 class="solo-title">FREQUENTLY ASKED QUESTIONS</h1>
<h3>Who can attend?</h3>
<h3>Does this cost money?</h3>
<h3>How do teams work?</h3>
<h3>What can my team build?</h3>
<h3>What if my strengths are technical?</h3>
<h3>What if my strengths are non-technical?</h3>
<h3>How do I get there?</h3>
<h3>What should I bring?</h3>
<h3>Is there a schedule?</h3>
<h3>What if I have another question?</h3>
<div class="row">
<div class="col-sm-12 col-md-4">
<h3>Who can attend?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>Does this cost money?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>How do teams work?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-4">
<h3>What can my team build?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>What if my strengths are technical?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>What if my strengths are non-technical?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-4">
<h3>How do I get there?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>What should I bring?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
<div class="col-sm-12 col-md-4">
<h3>Is there a schedule?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-4 col-md-offset-4">
<h3>What if I have another question?</h3>
<p>
The answer to the question goes here. Ideally it is not longer than a couple
sentences. If it is, then we should probably figure out a different way of laying
out the frequently asked questions.
</p>
</div>
</div>
</div>
</section>
</div>
Expand All @@ -120,6 +196,7 @@ <h1 class="solo-title">Sponsors</h1>
<a href="https://github.com" target="_blank"><img src="img/sponsors/github.png" alt="Github"></img></a>
<a href="https://gigamon.com" target="_blank"><img src="img/sponsors/gigamon.jpg" alt="Gigamon"></img></a>
<a href="https://berkeleystartupcluster.com" target="_blank"><img src="img/sponsors/bsc.jpg" alt="Berkeley Startup Cluster"></img></a>
<a href="https://http://citris-uc.org" target="_blank"><img src="img/sponsors/citris.png" alt="CITRIS"></img></a>
</div>
<h3>Interested in sponsoring? Email us at <a href="mailto:[email protected]?subject=Berkeley%20Builds%202016%20Sponsorship/Partnership%20Inquiry">[email protected]</a>! We'd love to have you.</h3>
</div>
Expand Down

0 comments on commit d2c1558

Please sign in to comment.