bootstrap-/bootstrap_project.html at master · Mohitkumar33/bootstrap- · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Project</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  </head>
  <body>
    <nav class="navbar navbar-inverse">
      <div class="navbar-header">
        <a class="navbar-brand" href="bootstrap_project.html">Welcome</a>

      </div>
      <ul class="nav navbar-nav">
        <li><a href="bootstrap_project_signup.html">Sign In</a></li>
      </ul>

    </nav>
    <div class="container">
      <div class="jumbotron">
  <h1>Coffee Lover Project</h1>
  <p>Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species. When coffee berries turn from green to bright red in color – indicating ripeness – they are picked, processed, and dried. Dried coffee seeds are roasted to varying degrees, depending on the desired flavor.</p>
  <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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<h2>Pictures of Coffee</h2>
<div>
<h2> Possible health benefits of coffee</h2>
  <ul>
  <li>
Cardiovascular disease (including heart attack, heart failure, and stroke)</li>
  <li>
type 2 diabetes</li>
  <li>
Alzheimer’s disease and Parkinson’s disease</li>

    <li>
colon, uterine and liver cancer</li>
</ul>


</div>
<div class="row">
  <div class="col-lg-4 col-xs-6 col-md-5 thumbnail"><img src="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/04LDEYRW59.jpg" alt=""></div>
  <div class="col-lg-4 col-xs-6 col-md-5 thumbnail"><img  src="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/90V03Q5Y60.jpg" alt=""></div>
  <div class="col-lg-4 col-xs-6 col-md-5 thumbnail"><img  src="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/O83SF2RB6D.jpg" alt=""></div>
  <div class="col-lg-4 col-xs-6 col-md-5 thumbnail"><img  src="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/5JVPSVP7EI.jpg" alt=""></div>
  <div class="col-lg-4 col-xs-6 col-md-5 thumbnail"><img  src="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/C5Y10KIIHA.jpg" alt=""></div>
  <div class="col-lg-4 col-xs-6 col-md-5 thumbnail"><img  src="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/YSSFRY5B25.jpg" alt=""></div>

</div>
    </div>
  </body>
</html>