module3_solution/beef.html at master · hemant3454/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
<!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="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles.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>
  <style>

  @media (min-width: 500px){

  }
div {
  background-color:black;
  width: 400px;
  border: 5px solid black;
  padding: 8px;
  margin: 20px;
float: left;
float:top}

div{ background-color:black;
  width: 400px;
  border: 5px solid black;
  padding: 8px;
  margin: 20px;
float: left;
float:top }
  div{ background-color: gray;
  width: 350px;
  border: 3px solid black;
  padding: 8px;
  margin: 20px;
float: left;
float:top
}
h6{
  left:110px;
  position: relative;
  color:black;
  font-size: 32px;
}
h1{
  text-decoration: none;
  color:black;
}
h3{
    color:black;
position: relative;
left: 120px;
font-size: 32px;
background-color: gray;
width: 52px;
padding:8px;
margin:2px;}
</style>
  <header>
    <nav id="header-nav" class="navbar navbar-default">

            <a href="index.html"><h1>FOOD.LLC</h1></a>


          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="false">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>


        <div id="collapsable-nav" class="collapse navbar-collapse">
           <ul id="nav-list" class="nav navbar-nav navbar-right">
            <li class="visible-xs active">
              <a href="chicken.html">
                chicken</a>
            </li>
            <li class="visible-xs active">
              <a href="beef.html">
                beef</a>
            </li>
            <li class="visible-xs active">
              <a href="shushi.html">
                sushi</a>
            </li>
          </ul><!-- #nav-list -->
        </div><!-- .collapse .navbar-collapse -->
    </nav><!-- #header-nav -->
  </header>
  <h6>OUR MENU</h6>
 <div><h3>Beef</h3>You will NOT be graded on this, but you may want to explicitly set a font-family for the text in your page, so you are not stuck with the default browser font family. Also, set the font size of the heading and section title to be 75% larger and 25% larger .</div>

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