Skip to content

Submitting Bootstrap Assignment #196

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
JonSzeto821 wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Submitting Bootstrap Assignment #196

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
09f3202
Add name to README.md
JonSzeto821 Dec 7, 2017
2e29cbf
Create index.html and SASS files
JonSzeto821 Dec 7, 2017
fb8954c
Import bootstrap and jQuery files to index.html
JonSzeto821 Dec 7, 2017
9e1c285
Lay out elements for banner and main section
JonSzeto821 Dec 8, 2017
4c05f39
Add background color to banner section
JonSzeto821 Dec 8, 2017
5bfe402
Finalize design on all sections
JonSzeto821 Dec 8, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,5 @@ assignment_bootstrap_sprint
Pick yourself up!

[A Bootstrap, HTM5 and SASS project from the Viking Code School](http://www.vikingcodeschool.com)

Jon Szeto
127 changes: 127 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">

<link rel="stylesheet" href="sass/scss/style.scss"
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--Bootstrap Container-->
<!--Navbar-->
<div class="header-section">
<header class="container">
<!--Header Row-->
<div class="row">
<!--Project Name-->
<div class="col-xs-2">
<button type="button" class="btn btn-link">Project Name</button>
</div>
<!--Sign In Credentials-->
<!--Email Input-->
<!--input a form tag here around email and password input-->
<div class="col-xs-2 col-xs-offset-5">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<!--Password Input-->
<div class="col-xs-2 nav-left">
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<!--Sign In Button-->
<div class="col-xs-1 nav-left">
<button type="button" class="btn btn-success">Sign In</button>
</div>
</div>
</header>
</div>
<!--Banner Section-->
<div class="jumbotron">
<section class="container">
<!--title-->
<div class="row">
<h1>Hello, world!</h1>
</div>
<!--paragraph-->
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.</p>
</div>
<!--button-->
<div class="row">
<button type="button" class="btn btn-primary">Learn More »</button>
</div>
</section>
</div>
<!--Columns Section-->
<main class="container foot-section">
<!--Columns-->
<div class="row foot-padding">
<!--Column 1-->
<div class="col-md-4">
<div class="row border">
<h3>Heading</h3>
</div>
<!--paragraph-->
<div class="row border">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.</p>
</div>
<!--button-->
<div class="row border">
<button type="button" class="btn btn-default">View Details »</button>
</div>
</div>
<!--Column 2-->
<div class="col-md-4">
<div class="row border">
<h3>Heading</h3>
</div>
<!--paragraph-->
<div class="row border">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.</p>
</div>
<!--button-->
<div class="row border">
<button type="button" class="btn btn-default">View Details »</button>
</div>
</div>
<!--Column 3-->
<div class="col-md-4">
<div class="row border">
<h3>Heading</h3>
</div>
<!--paragraph-->
<div class="row border">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.</p>
</div>
<!--button-->
<div class="row border">
<button type="button" class="btn btn-default">View Details »</button>
</div>
</div>
</div>
<div class="row">
<hr>
<footer>
<p>© Company 2013</p>
</footer>
</div>
</main>





<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Latest compiled and minified JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html>
Binary file added sass/.sass-cache/4c1cc4a47e4df651100feddbf56bc70e7e777848/style.scssc
View file
Open in desktop
Binary file not shown.
18 changes: 18 additions & 0 deletions sass/css/style.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

7 changes: 7 additions & 0 deletions sass/css/style.css.map
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

21 changes: 21 additions & 0 deletions sass/scss/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
.header-section {
background-color: black;
padding: 10px;
color: #E9E9E9;
}

.nav-right {
padding-right: -10px;
}

.nav-left {
margin-left: -25px;
}

.foot-padding {
padding: 10px;
}

.navbar-brand {
color: #999999;
}