React-Tutorial/index.html at master · coffeduong/React-Tutorial · 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>
<head>
  <title>React Demo</title>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="css/reset.css" media="all">
  <link rel="stylesheet" type="text/css" href="css/base.css" media="all">
  <link rel="stylesheet" type="text/css" href="css/header.css" media="all">
  <link rel="stylesheet" type="text/css" href="css/style.css" media="all">

  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700" rel='stylesheet' type='text/css'>
</head>
<body>

  <div class="freshdesignweb-top"><h1><a href="#">React Demo</a></h1></div>
  <div class="clr"></div>
  <header>
    <div id="container">
      <div class="inner-padding">
        <h1 class="left text-left"><strong> Restaurant Menus</strong></h1>
        <div class="text-right">
          <a class="btn btn-blue no-margin" href="form-add-new.html">add new</a>
        </div>
      </div>
    </div>
  </header>
  <!-- start our menu here-->
<div id="container">
  <div class="our_menu">
    <ul class="menu">
      <li class="item">
        <strong class="new">new</strong>
        <img src="images//1.jpg" alt="2 for 20" width="283" height="164">
        <div class="item_detail">
          <h3>2 for $20</h3>
          <p> 1 Appetizer + 2 Entrees = Just $20</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
        <strong class="new">new</strong>
        <img src="images//2.jpg" alt="" width="283" height="164">
        <div class="item_detail">
          <h3>Appetizers</h3>
          <p> Start a meal off right with your favorite from our menu of signature appetizers. Can't choose just one? You don't have</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
        <strong class="new">new</strong>
        <img src="images//3.jpg" alt="Alternate" width="283" height="164">
        <div class="item_detail">
          <h3>Pick 'N Pair Lunches</h3>
          <p> Make your own lunch combo with soups, salads, sandwiches &amp; more.</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
          <img src="images//4.jpg" alt="" width="283" height="164">
        <div class="item_detail">
          <h3> Entrees &amp; Main Dishes</h3>
          <p>Our menu opens up a world of choices, loaded with flavor. From juicy steaks and succulent seafood, to saucy ribs and burgers.</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
          <img src="images//5.jpg" alt="" width="283" height="164">
        <div class="item_detail">
          <h3>Sizzling Entrees</h3>
          <p> Fresh flavor never sounded so good.</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
          <img src="images//6.jpg" alt="Alternate" width="283" height="164">
        <div class="item_detail">
          <h3> Freshburgers &amp; Sandwiches</h3>
          <p> From mouthwatering Freshburgers to big and tasty Sandwiches, we've got the flavors to satisfy your cravings.</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
          <img src="images//7.jpg" alt="Alternate" width="283" height="164">
        <div class="item_detail">
          <h3>Salads</h3>
          <p>Fresh &amp; Delicious</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
          <img src="images//8.jpg" alt="Alternate" width="283" height="164">
        <div class="item_detail">
          <h3> Weight Watchers</h3>
          <p>Delicious Entrées endorsed by Weight Watchers. Eating Right Never Tasted So Good.</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
      <li class="item">
        <img src="images//9.jpg" alt="Alternate" width="283" height="164">
        <div class="item_detail">
          <h3>Under 550 Calories</h3>
          <p> Big Flavor. Big Portions. Big Value. All Under 550 Calories.</p>
          <div class="text-center">
            <span class="info" href="#">Update</span>
            <span class="info" href="#">Delete</span>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <!-- end our menu -->
</div>
<div class="footer">
  <div class="copyright" title="I'm Pro Marshall">Copyright © 2017 marshall.hoang FFWvn</div>
</div>
</body>
</html>