Skip to content

Bootstrap.sprint #192

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
eliashantula wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Bootstrap.sprint #192

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b94a2da
k
Nov 10, 2017
b46cd72
initial
Nov 11, 2017
872f69b
sprint
Nov 12, 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
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,4 @@ assignment_bootstrap_sprint
Pick yourself up!

[A Bootstrap, HTM5 and SASS project from the Viking Code School](http://www.vikingcodeschool.com)
Elias Hantula
66 changes: 66 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="styles/styles.css" type="text/css" rel="stylesheet">
</head>

<html>
<body>
<div class="container-fluid">
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Project Name</a>
<div class="forms pull-right hidden-xs">
<form class="form-inline">
<div class="form-group">
<label for="email"></label>
<input type="email" class="form-control" id="email" placeholder="E-mail">
</div>
<div class="form-group">
<label for="pwd"></label>
<input type="password" class="form-control" id="pwd" placeholder="Password">
</div>
<button type="submit" class="btn btn-success">Sign In</button>
</form>
</div>

<button class="btn btn-primary pull-right dropdown-toggle visible-xs" data-toggle="dropdown" type="button" href=""> <span class="glyphicon glyphicon-menu-hamburger"></span></button>
<ul class="dropdown-menu">
<div class="form-inline">
<div class="form-group">
<form class="testing">
<li><label for="email"></label>
<input type="email" class="form-control" id="email" placeholder="E-mail"></li>
<div class="form-group">
<li><label for="pwd"></label><input type="password" class="form-control" id="pwd" placeholder="Password"></li>
</div>
<li><button type="submit" class="btn btn-success">Sign In</button></li>
</form>
</div>
</ul>
</div>
</nav>

<div class="jumbotron">
<h1 class="hello">Hello, World!<h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p><button type="submit" class="btn btn-primary main">View Details<div class="arrowmain">>></div></button>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4"><article><h1>Heading</h1><p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p></article><button type="submit" class="btn btn-default">View Details<div class="arrow">>></div></button></div>

<div class="col-sm-4"><article><h1>Heading</h1><p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p></article><button type="submit" class="btn btn-default">View Details<div class="arrow">>></div></button></div>
<div class="col-sm-4"><article><h1>Heading</h1><p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p></article><button type="submit" class="btn btn-default">View Details<div class="arrow">>></div></button></div>
</div>
</div>

</body>
</html>
25 changes: 25 additions & 0 deletions styles/public/stylesheets
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
/*
Errno::ENOENT: No such file or directory @ rb_sysopen - app/sass

Backtrace:
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/plugin/compiler.rb:454:in `read'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/plugin/compiler.rb:454:in `update_stylesheet'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/plugin/compiler.rb:209:in `each'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/plugin/compiler.rb:294:in `watch'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/plugin.rb:109:in `method_missing'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/exec/sass_scss.rb:360:in `watch_or_update'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/exec/sass_scss.rb:51:in `process_result'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/exec/base.rb:52:in `parse'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/lib/sass/exec/base.rb:19:in `parse!'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/gems/sass-3.5.3/bin/sass:13:in `<top (required)>'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/bin/sass:23:in `load'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/bin/sass:23:in `<main>'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/bin/ruby_executable_hooks:15:in `eval'
/Users/eliashantula/.rvm/gems/ruby-2.3.3/bin/ruby_executable_hooks:15:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Errno::ENOENT: No such file or directory @ rb_sysopen - app/sass"; }
80 changes: 80 additions & 0 deletions styles/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
.container-fluid {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: initial;
padding: 0px
}

body {

padding-bottom: 20px;
}


label {
color: white;
}

.forms {
padding-top: 8px;
margin-right: 15px;
}
.jumbotron {

}
.arrow {

margin-left: 5px;
padding-top: 5px;
float: right;
font-size:8px
}

.main {
font-size: 20px
}

.arrowmain{

margin-left: 5px;
padding-top: 10px;
float: right;
font-size:8px
}
.navbar {
margin-bottom: 0px;
border-radius: 0px
}
.navbar-header {
width: 100%;

}

.navbar-brand {
padding-left: 25px;
}
.menu2 {
padding-top: 10px;
}

.btn-primary {
margin-top: 2px;
}

.dropdown-menu {
background-color: black;
width: 100%;
margin-top:-10px;
}

.form-group {
margin: 0px;
}

.glyphicon {
color: white;
background-color: black;
font-size:20px;

}