CourseERAweek3/index.html at master · Aryan2601/CourseERAweek3 · 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
110
111
112
113
114
115
116
117
118
119
120
121
122
<!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">
    <title>Module3 solution</title>
    <link rel="stylesheet" href="bootstrap.min.css">
    <link rel="stylesheet" href="style.css">
    <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
</head>

<body>
    <header>
        <nav id="header-nav" class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a href="index.html" class="pull-left visible-md visible-lg">
                        <div id="logo-img"></div>
                    </a>

                    <div class="navbar-brand">
                        <a href="index.html">
                            <h1>Food LLC</h1>
                        </a>
                    </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 id="collapsable-nav" class="collapse navbar-collapse">
                    <ul id="nav-list" class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#chicken-tile">
                                <br class="hidden-xs"> Chicken</a>
                        </li>
                        <li>
                            <a href="#beef-tile">
                                <br class="hidden-xs"> Beef</a>
                        </li>
                        <li>
                            <a href="#sushi-tile">
                                <br class="hidden-xs"> Sushi</a>
                        </li>
                    </ul>
                    <!-- #nav-list -->
                </div>
                <!-- .collapse .navbar-collapse -->
            </div>
            <!-- .container -->
        </nav>
        <!-- #header-nav -->
    </header>
    <div id="main-content" class="container">
        <h2 id="top-heading" class="text-center">Our Menu</h2>
        <div id="home-tiles" class="row">
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div id="chicken-tile">
                    <section>
                        <h3 class="text-center">Chicken</h3>
                        <p>The chicken (Gallus gallus domesticus) is a type of domesticated fowl, a subspecies of the red junglefowl (Gallus gallus). They are one of the most common and widespread domestic animals, with a total population of 23.7 billion
                            as of 2018[1], up from more than 19 billion in 2011.[2] There are more chickens in the world than any other bird or domesticated fowl.[2] Humans keep chickens primarily as a source of food (consuming both their meat and eggs)
                            and, less commonly, as pets. Originally raised for cockfighting or for special ceremonies, chickens were not kept for food until the Hellenistic period (4th–2nd centuries BC)
                        </p>
                        <p>(End of chicken section)<a href="#top-heading">Back to Top</a></p>
                    </section>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div id="beef-tile">
                    <section>
                        <h3 class="text-center">Beef</h3>
                        <p>
                            Beef is the meat of cattle (Bos taurus). It is categorized as red meat — a term used for the meat of mammals, which contains higher amounts of iron than chicken or fish. Usually eaten as roasts, ribs, or steaks, beef is also commonly ground or minced.
                            Patties of ground beef are often used in hamburgers. Processed beef products include corned beef, beef jerky, and sausages. Fresh, lean beef is rich in various vitamins and minerals, especially iron and zinc. Therefore, moderate
                            intake of beef can be recommended as part of a healthy diet
                        </p>
                        <p>
                            (End of Beef section) <a href="#top-heading">Back to Top</a>
                        </p>
                    </section>
                </div>
            </div>
            <!-- <div class="clearfix visible-md-block"></div> -->
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div id="sushi-tile">
                    <section>
                        <h3 class="text-center">Sushi</h3>
                        <p>
                            Sushi is an ancient food dish from the Tang dynasty. It has always consisted of fermented fish and rice, and the word sushi means something that tastes sour. Contrary to popular opinion, Sushi does not mean ‘raw fish.’ It means ‘vinegar rice.’ Sushi has
                            evolved into an artful, unique dining experience. In its earliest form, dried fish was placed between two pieces of vinegared rice as a way of preserving it. The nori (seaweed) was added later as a way to keep one’s fingers
                            from getting sticky. The Japanese word su means vinegar, and shi is from meshi, the Japanese word for rice, hence sushi is vinegared rice, Now, the term is used to describe a finger-size piece of raw fish or shellfish on a
                            bed of rice or simply the consumption of raw fish in the Japanese style. This can be eaten as is, or is often dipped into shoyu (Japanese soy sauce) and then eaten. Great care should be taken in making the dish and the many
                            methods of preparing the food indicate the importance of appearance to the educated consumer. Sushi is a work of art as much as a food, and while it is now available in a western ‘quick and easy’ serving style, the traditional
                            ways are far from that.
                        </p>
                        <p>
                            (End of Sushi section) <a href="#top-heading">Back to Top</a>
                        </p>
                    </section>
                </div>
            </div>
            <!-- <div class="clearfix visible-lg-block"></div> -->
        </div>
    </div>
    <div class="clearfix visible-lg-block"></div>

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

</html>