mod3_solution/index.html at master · ritik1234/mod3_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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap.css">
    <link rel="stylesheet" href="bootstrap.min.css">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <header>
     <nav id="header-nav" class="navbar navbar-default">
         <div class="container">
             <a href=index.html>
                 <div class="navbar-brand">
                     <h1>Food, LLC</h1>
                 </div>
             </a>
             <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" id="collapsable-nav">
            <ul id="nav-list"  class="nav navbar-nav navbar-right" class="nav navbar-nav">
              <li class="active"><a href="#" class="hidden-lg hidden-md hidden-sm">chicken <span class="sr-only">(current)</span></a></li>
              <li><a href="#" class="hidden-lg hidden-md hidden-sm">beef</a></li>
              <li><a href="#" class="hidden-lg hidden-md hidden-sm">sushi</a></li>
              </ul>
              </div>
     </nav>
    </header>
    <div class="container">
    <header class="menu-header">our menu</header>
    <section>
        <h2 id="section-header">
            <a href="#">chicken</a></h2>
        <div class="content">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt, beatae sunt alias nisi veritatis odio quibusdam praesentium adipisci repudiandae corrupti nostrum ex. Ullam saepe maiores natus tempora quis eaque quia! Dignissimos laudantium hic ex iure quae perspiciatis nihil vero numquam officiis? Natus incidunt nobis iure possimus impedit perferendis. Nobis ab porro ipsum dicta repellat dolorum a possimus sapiente cumque eius?
        </div>
    </section>
    <section>
        <h3 id="section-header"><a href="#">beef</a></h3>
        <div class="content">
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Temporibus nostrum accusamus, dolorum repudiandae nesciunt, culpa aliquid expedita soluta voluptatibus aspernatur laboriosam. Accusantium nemo incidunt optio laborum est amet ea, ex vero fugit officiis distinctio. Deserunt odit aliquid porro veritatis officia accusantium esse, qui quos consequatur itaque facere dolor quod distinctio adipisci eos vitae perferendis, maiores, aperiam hic dignissimos ratione nam.
        </div>
    </section>
    <section>
        <h4 id="section-header"><a href="#">sushi</a></h4>
        <div class="content">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur accusamus cumque magni architecto inventore. Provident aperiam nostrum harum. Voluptatem illum fuga facere fugit debitis illo magnam perferendis sint? Voluptatum mollitia recusandae dolore alias placeat atque ad maxime illo consequatur a impedit, aliquam architecto hic itaque? Molestiae, reprehenderit libero tenetur perferendis, eveniet quo eius, beatae sequi hic optio tempora vitae molestias?
        </div>
    </section>
    </div>
</body>
</html>