bootstrap_exercise/index.html at master · LamornaJS/bootstrap_exercise · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
	<title>Sam's Sarnies</title>
	<link href='bootstrap/css/bootstrap.css' rel='stylesheet'>
  <link rel="stylesheet" type="text/css" href="main.css">
	<link href="https://fonts.googleapis.com/css?family=Vast+Shadow" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class='col-md-8'>
				<h1>Healthy sandwiches for your team</h1>
			</div>
			<div class="col-md-4"><img src='images/sandwich.png' class="img-responsive" alt="Responsive image"></div>
      <div class='jumbotron'>
				<form role='form'>
					<label for="email">Find out more</label> <input name="email" type="text"> <button class='btn btn-success'>Send</button>
				</form>
			</div>
			<div id="buzz">
				<h2><small>The Buzz</small><br>
				What are people saying?</h2>
			</div>
			<div class="row">
				<div class="col-md-4">
          <div class="text-center">
					<img alt="person" class="img-circle" src="images/person.jpg">
					<blockquote>
						<p> These sandwiches are the best I've ever tasted, for sure. I now eat them every day - breakfast, lunch and dinner.</p>
						<footer>
							Mr Smith, <cite title="Source Title">Professional sandwich taster</cite>
						</footer>
	         </blockquote>
         </div>
         </div>
				<div class="col-md-4">
					<div class="text-center">
            <img alt="person" class="img-circle" src="images/person.jpg">
						<blockquote>
							<p> My team are always far more productive after we order from Sam's. 40% more productive, in fact.</p>
							<footer>
								Miss McAdam, <cite title="Source Title">CEO Workplace Analytics</cite>
							</footer>
						</blockquote>
					</div>
				</div>
				<div class="col-md-4">
					<div class="text center">
						<img alt="person" class="img-circle" src="images/person.jpg">
						<blockquote>
							<p> We switched to Sam's Sarnies and won our first government contract the next day. Coincidence? I think not!</p>
							<footer>
								Mr Green, <cite title="Source Title">President Suspicion Inc.</cite>
							</footer>
						</blockquote>
					</div>
				</div>
			</div>
			<div id="mission">
				<h2><small>Our mission</small><br>
				Join us in helping busy professionals eat healthily</h2>
				<p class="lead">We believe that healthy workers are more productive workers.</p>
				<p class="lead">Providing your team with a healthy lunch each day improves both motivation and morale.</p>
				<p class="lead">We deliver healthy sandwiches, made with the best ingredients, to your workplace every day.</p>
				<div id='social-buttons'>
					<button class='btn-twitter'>Twitter</button> <button class='btn-facebook'>Facebook</button> <button class='btn-pintrest'>Pintrest</button>
				</div>
			</div>
		</div><!-- Sandwich from: © Kosoff | <a href="http://www.dreamstime.com/">Dreamstime Stock Photos</a> & <a href="http://www.stockfreeimages.com/">Stock Free Images</a> -->
	</div>
</body>
</html>