module3-solution/index.html at main · edsant1812/module3-solution · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Oxygen&display=swap" rel="stylesheet">


    <title>Module3-solution</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles.css">
  </head>
<body>

  <header>

    <nav id="header-nav" class="navbar navbar-default ">
      <div class="container">
          <div class="navbar-header">
            <div class="navbar-brand">
              <span>Food, LLC</span>
            </div>
              <button type="button" class="navbar-toggle collapsed " data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="false">
                <span class="sr-only">toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
        </div>

        <div class="collapse navbar-collapse nav-style" id="collapsable-nav">
          <ul class="navbar-nav navbar-right hidden-sm hidden-md hidden-lg" id="nav-list">
            <li class="nav-item">
              <a class="nav-link" href="#section1">Chicken</a>
            </li>
            <hr>
            <li class="nav-item">
              <a class="nav-link" href="#section2">Beef</a>
            </li>
            <hr>
            <li class="nav-item">
              <a class="nav-link" href="#section3">Sushi</a>
            </li>
            <hr>
          </ul>
        </div>

      </div>
    </nav>


  </header>

  <div>
    <h1 class="menu-ti">Our Menu</h1>
  </div>

  <div class="container">

    <section id="section1 top">
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="tile">
          <h2>Chicken</h2>
          <span>The chicken (Gallus gallus domesticus), a subspecies of the red junglefowl, is a type of domesticated fowl, originally from Southeastern Asia. Rooster or cock is a term for an adult male bird, and younger male may be called a cockerel. A male that has been castrated is a capon. The adult female bird is called a hen and a sexually immature female is called a pullet.is a type of domesticated fowl, originally from Southeastern Asia. Rooster or cock is a term for an adult male bird, and younger male may be called a cockerel. A male that has been castrated is a capon. The adult female bird is called a hen and a sexually immature female is called a pullet.is a type of domesticated fowl, originally from Southeastern Asia. Rooster or cock is a term for an adult male bird, and younger male may be called a cockerel. A male that has been castrated is a capon. The adult female bird is called a hen and a sexually immature female is called a pullet.is a type of domesticated fowl, originally from Southeastern Asia. Rooster or cock is a term for an adult male bird, and younger male may be called a cockerel. A male that has been castrated is a capon. The adult female bird is called a hen and a sexually immature female is called a pullet.is a type of domesticated fowl, originally from Southeastern Asia. Rooster or cock is a term for an adult male bird, and younger male may be called a cockerel. A male that has been castrated is a capon. The adult female bird is called a hen and a sexually immature female is called a pullet.</span>
            <p>
              <a href="#top" class="hidden-lg">Back to the top</a>
            </p>
        </div>
      </div>
    </section>

    <section id="section2">
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="tile">
          <h2>Beef</h2>
          <span>The Most beef can be used as is by merely cutting into certain parts, such as roasts, short ribs or steak (filet mignon, sirloin steak, rump steak, rib steak, rib eye steak, hanger steak, etc.), while other cuts are processed (corned beef or beef jerky). Trimmings, on the other hand, which are usually mixed with meat from older, leaner (therefore tougher) cattle, are ground, minced or used in sausages.(filet mignon, sirloin steak, rump steak, rib steak, rib eye steak, hanger steak, etc.), while other cuts are processed (corned beef or beef jerky). Trimmings, on the other hand, which are usually mixed with meat from older, leaner (therefore tougher) cattle, are ground, minced or used in sausages.(filet mignon, sirloin steak, rump steak, rib steak, rib eye steak, hanger steak, etc.), while other cuts are processed (corned beef or beef jerky). Trimmings, on the other hand, which are usually mixed with meat from older, leaner (therefore tougher) cattle, are ground, minced or used in sausages.(filet mignon, sirloin steak, rump steak, rib steak, rib eye steak, hanger steak, etc.), while other cuts are processed (corned beef or beef jerky). Trimmings, on the other hand, which are usually mixed with meat from older, leaner (therefore tougher) cattle, are ground, minced or used in sausages.(filet mignon, sirloin steak, rump steak, rib steak, rib eye steak, hanger steak, etc.), while other cuts are processed (corned beef or beef jerky). Trimmings, on the other hand, which are usually mixed with meat from older, leaner (therefore tougher) cattle, are ground, minced or used in sausages.</span>
            <p>
              <a href="#top" class="hidden-lg">Back to the top</a>
            </p>
        </div>
      </div>
     </section>

     <section id="section3">
       <div class="col-lg-4 col-md-12 col-sm-12">
        <div class="tile">
          <h2>Sushi</h2>
          <span>é um prato da culinária japonesa que possui origem numa antiga técnica de conservação da carne de peixe em arroz avinagrado. O sushi, na forma em que é conhecido atualmente, tem cerca de 200 anos; inicialmente, era vendido em barado com molho de vinagre, açúcar e sal, combinado com algum tipo de peixe ou fruto do mar, vegetais ou ovo. A tradição japonesa é de servi-lo acompanhado de wasabi (pasta de raiz forte). açúcar e sal, combinado com algum tipo de peixe ou fruto do mar, vegetais ou ovo. A tradição japonesa é de servi-lo acompanhado de wasabi (pasta de raiz forte). açúcar e sal, combinado com algum tipo de peixe ou fruto do mar, vegetais ou ovo. A tradição japonesa é de servi-lo acompanhado de wasabi (pasta de raiz forte). açúcar e sal, combinado com algum tipo de peixe ou fruto do mar, vegetais ou ovo. A tradição japonesa é de servi-lo acompanhado de wasabi (pasta de raiz forte). açúcar e sal, combinado com algum tipo de peixe ou fruto do mar, vegetais ou ovo. A tradição japonesa é de servi-lo acompanhado de wasabi (pasta de raiz forte). açúcar e sal, combinado com algum tipo de peixe ou fruto do mar, vegetais ou ovo. A tradição japonesa é de servi-lo acompanhado de wasabi (pasta de raiz forte).</span>
            <p>
              <a href="#top" class="hidden-lg">Back to the top</a>
            </p>
        </div>
      </div>
    </section>

</div>
  <!-- jQuery (Bootstrap JS plugins depend on it) -->
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/script.js"></script>

</body>
</html>