Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@ivosantiago
ivosantiago committed Aug 3, 2016
0 parents commit 9d81dbe
Show file tree
Hide file tree
Showing 26 changed files with 20,715 additions and 0 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.DS_Store
102 changes: 102 additions & 0 deletions example/css/master.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
/* GLOBAL STYLES
-------------------------------------------------- */


/* Padding below the footer and lighter body text */

body {
padding-bottom: 40px;
color: #5a5a5a;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */


/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper> .container {
padding-right: 0;
padding-left: 0;
}
.navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar .container {
width: auto;
}

/* MARKETING CONTENT
-------------------------------------------------- */
.marketing {
padding-top: 70px;
}

.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
font-weight: normal;
}
.marketing .col-lg-4 p {
margin-right: 10px;
margin-left: 10px;
}

/* Featurettes
------------------------- */

.featurette-divider {
margin: 80px 0;
/* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */

.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper {
margin-top: 20px;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
}
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
border-radius: 4px;
}
.featurette-heading {
font-size: 50px;
}
}
@media (min-width: 992px) {
.featurette-heading {
margin-top: 120px;
}
}
Binary file added example/images/football.png
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 example/images/judo.png
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 example/images/mineirao.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
320 changes: 320 additions & 0 deletions example/images/olympics-logo.svg
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 example/images/rio-olympic-park.jpg
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 example/images/rugby-sevens.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
173 changes: 173 additions & 0 deletions example/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>My CareMessage page</title>

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css">
<!-- Bootstrap optional theme -->
<!-- <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap-theme.css"> -->

<link rel="stylesheet" href="css/master.css" charset="utf-8">
</head>

<body>

<div class="navbar-wrapper">
<div class="container">

<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Coding 101</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li>
<a href="#">Separated link</a>
</li>
<li>
<a href="#">One more separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>

</div>
</div>


<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">

<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="images/football.png" alt="Football" width="140" height="140">
<h2>Football</h2>
<p>The association football tournament at the 2016 Summer Olympics is scheduled to be held from 3 to 20 August in Brazil.</p>
<p>In addition to the Olympic host city of Rio de Janeiro, matches will also be played in <b>Belo Horizonte</b>, Brasília, Salvador, São Paulo, and Manaus. All six cities hosted matches during the 2014 World Cup, with the Estádio Olímpico João Havelange in Rio the only Olympic venue not to have been a World Cup venue.</p>
<p>
<a class="btn btn-default" href="https://en.wikipedia.org/wiki/Football_at_the_2016_Summer_Olympics" role="button">View details »</a>
</p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="images/judo.png" alt="Judo" width="140" height="140">
<h2>Judo</h2>
<p>Judo at the 2016 Summer Olympics in Rio de Janeiro is scheduled to take place from 6 to 12 August at the Carioca Arena 2 inside the Barra Olympic Park in Barra da Tijuca. Around 386 judoka are expected to compete in 14 events (seven each for both men and women).</p>
<p>
<a class="btn btn-default" href="https://en.wikipedia.org/wiki/Judo_at_the_2016_Summer_Olympics" role="button">View details »</a>
</p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="images/rugby-sevens.png" alt="Rubgy" width="140" height="140">
<h2>Rugby Sevens</h2>
<p>Rugby sevens at the 2016 Summer Olympics is scheduled to be held in August in Rio de Janeiro. The competition will take two days. The 2016 Summer Olympics marks the debut for rugby sevens at the Summer Olympics, though rugby union was last played at the 1924 Summer Olympics.</p>
<p>
<a class="btn btn-default" href="https://en.wikipedia.org/wiki/Rugby_sevens_at_the_2016_Summer_Olympics" role="button">View details »</a>
</p>
</div>
<!-- /.col-lg-4 -->
</div>
<!-- /.row -->

<!-- START THE FEATURETTES -->
<hr class="featurette-divider">

<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Mineirao Stadium</h2>
<p class="lead">Mineirão (Portuguese pronunciation: [minejˈɾɐ̃w]), is the largest football stadium in the state of Minas Gerais, Brazil. It was established in 1965, and it is located in Belo Horizonte. It served as a venue in the 2013 FIFA Confederations Cup and the 2014 FIFA World Cup. In addition, it will also host some matches of the football tournament of the 2016 Summer Olympics.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive center-block" alt="Mineirao Stadium" src="images/mineirao.jpg">
</div>
</div>

<hr class="featurette-divider">

<div class="row featurette">
<div class="col-md-7 col-md-push-5">
<h2 class="featurette-heading">Logo</h2>
<p class="lead">The logo represents three figures, in the yellow, green, and blue of the Brazilian flag, joined at the arms and in a triple embrace, with the overall shape reflecting that of Sugarloaf Mountain. The logo was based on four concepts: contagious energy, harmonious diversity, exuberant nature, and Olympic spirit.</p>
</div>
<div class="col-md-5 col-md-pull-7">
<img class="featurette-image img-responsive center-block" alt="Logo" src="images/olympics-logo.svg">
</div>
</div>

<hr class="featurette-divider">

<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Rio <span class="text-muted">Olympic Park</span></h2>
<p class="lead">The Barra Olympic Park is a cluster of nine sporting venues in Barra da Tijuca, in the west zone of Rio de Janeiro, Brazil that will be used for the 2016 Summer Olympics and the 2016 Summer Paralympics. The site of the Olympic Park was formerly occupied by the Autódromo Internacional Nelson Piquet, also known as Jacarepaguá.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive center-block" alt="Olympic Park" src="images/rio-olympic-park.jpg">
</div>
</div>

<hr class="featurette-divider">

<!-- /END THE FEATURETTES -->

<!-- FOOTER -->
<footer>
<p class="pull-right">
<a href="#">Back to top</a>
</p>
<p>© 2016 CareMessage ·<a href="https://app.caremessage.org/privacy_policy/">Privacy</a>·<a href="https://app.caremessage.org/terms_of_use/">Terms</a>
</p>
</footer>

</div>
<!-- /.container -->

<!-- Placed at the end of the document so the pages load faster -->
<!-- Jquery library (required by Bootstrap) -->
<script src="vendor/jquery/jquery-3.1.0.js"></script>
<!-- Bootstrap JS -->
<script src="vendor/bootstrap/js/bootstrap.js"></script>
</body>
</html>
Loading

0 comments on commit 9d81dbe

Please sign in to comment.