├── README.md
├── module2_solution
    ├── css
    │   └── style.css
    └── index.html
├── module3_boostrap4
    ├── css
    │   ├── bootstrap.css
    │   ├── bootstrap.min.css
    │   └── style.css
    ├── index.html
    └── js
    │   ├── bootstrap.js
    │   ├── bootstrap.min.js
    │   └── jquery-3.3.1.js
├── module3_solution
    ├── css
    │   ├── bootstrap.min.css
    │   └── styles.css
    ├── index.html
    └── js
    │   ├── bootstrap.min.js
    │   └── jquery-2.1.4.min.js
├── module4_solution
    ├── SpeakGoodBye.js
    ├── SpeakHello.js
    ├── index.html
    └── script.js
├── module5_solution
    ├── css
    │   ├── bootstrap.css
    │   ├── bootstrap.min.css
    │   └── styles.css
    ├── fonts
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.svg
    │   ├── glyphicons-halflings-regular.ttf
    │   ├── glyphicons-halflings-regular.woff
    │   └── glyphicons-halflings-regular.woff2
    ├── images
    │   ├── ajax-loader.gif
    │   ├── jumbotron_1200.jpg
    │   ├── jumbotron_768.jpg
    │   ├── jumbotron_992.jpg
    │   ├── menu-tile.jpg
    │   ├── menu
    │   │   ├── A
    │   │   │   ├── A.jpg
    │   │   │   ├── A1.jpg
    │   │   │   ├── A10.jpg
    │   │   │   ├── A11.jpg
    │   │   │   ├── A2.jpg
    │   │   │   ├── A3.jpg
    │   │   │   ├── A4.jpg
    │   │   │   ├── A5.jpg
    │   │   │   ├── A6.jpg
    │   │   │   ├── A7.jpg
    │   │   │   ├── A8.jpg
    │   │   │   └── A9.jpg
    │   │   ├── B
    │   │   │   ├── B.jpg
    │   │   │   ├── B1.jpg
    │   │   │   ├── B10.jpg
    │   │   │   ├── B11.jpg
    │   │   │   ├── B12.jpg
    │   │   │   ├── B13.jpg
    │   │   │   ├── B14.jpg
    │   │   │   ├── B15.jpg
    │   │   │   ├── B16.jpg
    │   │   │   ├── B2.jpg
    │   │   │   ├── B3.jpg
    │   │   │   ├── B4.jpg
    │   │   │   ├── B5.jpg
    │   │   │   ├── B6.jpg
    │   │   │   ├── B7.jpg
    │   │   │   ├── B8.jpg
    │   │   │   └── B9.jpg
    │   │   ├── C
    │   │   │   ├── C.jpg
    │   │   │   ├── C1.jpg
    │   │   │   ├── C10.jpg
    │   │   │   ├── C11.jpg
    │   │   │   ├── C12.jpg
    │   │   │   ├── C13.jpg
    │   │   │   ├── C14.jpg
    │   │   │   ├── C15.jpg
    │   │   │   ├── C16.jpg
    │   │   │   ├── C17.jpg
    │   │   │   ├── C18.jpg
    │   │   │   ├── C19.jpg
    │   │   │   ├── C2.jpg
    │   │   │   ├── C3.jpg
    │   │   │   ├── C4.jpg
    │   │   │   ├── C5.jpg
    │   │   │   ├── C6.jpg
    │   │   │   ├── C7.jpg
    │   │   │   ├── C8.jpg
    │   │   │   └── C9.jpg
    │   │   ├── CM
    │   │   │   ├── CM.jpg
    │   │   │   ├── CM1.jpg
    │   │   │   ├── CM2.jpg
    │   │   │   ├── CM3.jpg
    │   │   │   ├── CM4.jpg
    │   │   │   └── CM5.jpg
    │   │   ├── CSR
    │   │   │   ├── CSR.jpg
    │   │   │   ├── CSR1.jpg
    │   │   │   ├── CSR2.jpg
    │   │   │   ├── CSR3.jpg
    │   │   │   └── CSR4.jpg
    │   │   ├── CU
    │   │   │   ├── CU.jpg
    │   │   │   ├── CU21.jpg
    │   │   │   ├── CU22.jpg
    │   │   │   └── CU23.jpg
    │   │   ├── D
    │   │   │   ├── D.jpg
    │   │   │   ├── D1.jpg
    │   │   │   ├── D10.jpg
    │   │   │   ├── D11.jpg
    │   │   │   ├── D12.jpg
    │   │   │   ├── D13.jpg
    │   │   │   ├── D14.jpg
    │   │   │   ├── D15.jpg
    │   │   │   ├── D16.jpg
    │   │   │   ├── D17.jpg
    │   │   │   ├── D18.jpg
    │   │   │   ├── D2.jpg
    │   │   │   ├── D3.jpg
    │   │   │   ├── D4.jpg
    │   │   │   ├── D5.jpg
    │   │   │   ├── D6.jpg
    │   │   │   ├── D7.jpg
    │   │   │   ├── D8.jpg
    │   │   │   └── D9.jpg
    │   │   ├── DK
    │   │   │   ├── DK.jpg
    │   │   │   ├── DK1.jpg
    │   │   │   ├── DK2.jpg
    │   │   │   └── DK3.jpg
    │   │   ├── DS
    │   │   │   ├── DS.jpg
    │   │   │   ├── DS1.jpg
    │   │   │   └── DS2.jpg
    │   │   ├── F
    │   │   │   ├── F.jpg
    │   │   │   ├── F1.jpg
    │   │   │   ├── F10.jpg
    │   │   │   ├── F11.jpg
    │   │   │   ├── F12.jpg
    │   │   │   ├── F2.jpg
    │   │   │   ├── F3.jpg
    │   │   │   ├── F4.jpg
    │   │   │   ├── F5.jpg
    │   │   │   ├── F6.jpg
    │   │   │   ├── F7.jpg
    │   │   │   ├── F8.jpg
    │   │   │   └── F9.jpg
    │   │   ├── FR
    │   │   │   ├── FR.jpg
    │   │   │   ├── FR1.jpg
    │   │   │   ├── FR2.jpg
    │   │   │   ├── FR3.jpg
    │   │   │   ├── FR4.jpg
    │   │   │   └── FR5.jpg
    │   │   ├── FY
    │   │   │   ├── FY.jpg
    │   │   │   ├── FY1.jpg
    │   │   │   ├── FY2.jpg
    │   │   │   ├── FY3.jpg
    │   │   │   ├── FY4.jpg
    │   │   │   └── FY5.jpg
    │   │   ├── L
    │   │   │   ├── L.jpg
    │   │   │   ├── L1.jpg
    │   │   │   ├── L10.jpg
    │   │   │   ├── L11.jpg
    │   │   │   ├── L12.jpg
    │   │   │   ├── L13.jpg
    │   │   │   ├── L14.jpg
    │   │   │   ├── L15.jpg
    │   │   │   ├── L16.jpg
    │   │   │   ├── L17.jpg
    │   │   │   ├── L18.jpg
    │   │   │   ├── L19.jpg
    │   │   │   ├── L2.jpg
    │   │   │   ├── L20.jpg
    │   │   │   ├── L21.jpg
    │   │   │   ├── L22.jpg
    │   │   │   ├── L23.jpg
    │   │   │   ├── L24.jpg
    │   │   │   ├── L26.jpg
    │   │   │   ├── L27.jpg
    │   │   │   ├── L28.jpg
    │   │   │   ├── L3.jpg
    │   │   │   ├── L4.jpg
    │   │   │   ├── L5.jpg
    │   │   │   ├── L6.jpg
    │   │   │   ├── L7.jpg
    │   │   │   ├── L8.jpg
    │   │   │   └── L9.jpg
    │   │   ├── NF
    │   │   │   ├── NF.jpg
    │   │   │   ├── NF10.jpg
    │   │   │   ├── NF11.jpg
    │   │   │   ├── NF12.jpg
    │   │   │   └── NF13.jpg
    │   │   ├── NL
    │   │   │   ├── NL.jpg
    │   │   │   ├── NL1.jpg
    │   │   │   ├── NL2.jpg
    │   │   │   └── NL3.jpg
    │   │   ├── NS
    │   │   │   ├── NS.jpg
    │   │   │   ├── NS1.jpg
    │   │   │   ├── NS2.jpg
    │   │   │   ├── NS3.jpg
    │   │   │   └── NS4.jpg
    │   │   ├── PF
    │   │   │   ├── PF.jpg
    │   │   │   ├── PF1.jpg
    │   │   │   ├── PF2.jpg
    │   │   │   ├── PF3.jpg
    │   │   │   ├── PF4.jpg
    │   │   │   └── PF5.jpg
    │   │   ├── SO
    │   │   │   ├── SO.jpg
    │   │   │   ├── SO1.jpg
    │   │   │   ├── SO2.jpg
    │   │   │   ├── SO3.jpg
    │   │   │   ├── SO4.jpg
    │   │   │   ├── SO5.jpg
    │   │   │   ├── SO6.jpg
    │   │   │   └── SO7.jpg
    │   │   ├── SP
    │   │   │   ├── SP.jpg
    │   │   │   ├── SP1.jpg
    │   │   │   ├── SP2.jpg
    │   │   │   ├── SP3.jpg
    │   │   │   ├── SP4.jpg
    │   │   │   ├── SP5.jpg
    │   │   │   ├── SP6.jpg
    │   │   │   ├── SP7.jpg
    │   │   │   └── SP8.jpg
    │   │   ├── SR
    │   │   │   ├── SR.jpg
    │   │   │   ├── SR1.jpg
    │   │   │   ├── SR10.jpg
    │   │   │   ├── SR11.jpg
    │   │   │   ├── SR12.jpg
    │   │   │   ├── SR13.jpg
    │   │   │   ├── SR14.jpg
    │   │   │   ├── SR15.jpg
    │   │   │   ├── SR16.jpg
    │   │   │   ├── SR17.jpg
    │   │   │   ├── SR18.jpg
    │   │   │   ├── SR19.jpg
    │   │   │   ├── SR2.jpg
    │   │   │   ├── SR20.jpg
    │   │   │   ├── SR21.jpg
    │   │   │   ├── SR22.jpg
    │   │   │   ├── SR23.jpg
    │   │   │   ├── SR24.jpg
    │   │   │   ├── SR25.jpg
    │   │   │   ├── SR26.jpg
    │   │   │   ├── SR27.jpg
    │   │   │   ├── SR28.jpg
    │   │   │   ├── SR29.jpg
    │   │   │   ├── SR3.jpg
    │   │   │   ├── SR30.jpg
    │   │   │   ├── SR31.jpg
    │   │   │   ├── SR32.jpg
    │   │   │   ├── SR33.jpg
    │   │   │   ├── SR34.jpg
    │   │   │   ├── SR35.jpg
    │   │   │   ├── SR36.jpg
    │   │   │   ├── SR37.jpg
    │   │   │   ├── SR38.jpg
    │   │   │   ├── SR39.jpg
    │   │   │   ├── SR4.jpg
    │   │   │   ├── SR40.jpg
    │   │   │   ├── SR41.jpg
    │   │   │   ├── SR42.jpg
    │   │   │   ├── SR43.jpg
    │   │   │   ├── SR5.jpg
    │   │   │   ├── SR6.jpg
    │   │   │   ├── SR7.jpg
    │   │   │   ├── SR8.jpg
    │   │   │   └── SR9.jpg
    │   │   ├── SS
    │   │   │   ├── SS.jpg
    │   │   │   ├── SS1.jpg
    │   │   │   ├── SS10.jpg
    │   │   │   ├── SS11.jpg
    │   │   │   ├── SS12.jpg
    │   │   │   ├── SS13.jpg
    │   │   │   ├── SS14.jpg
    │   │   │   ├── SS2.jpg
    │   │   │   ├── SS3.jpg
    │   │   │   ├── SS4.jpg
    │   │   │   ├── SS5.jpg
    │   │   │   ├── SS6.jpg
    │   │   │   ├── SS7.jpg
    │   │   │   ├── SS8.jpg
    │   │   │   └── SS9.jpg
    │   │   ├── T
    │   │   │   ├── T.jpg
    │   │   │   ├── T1.jpg
    │   │   │   ├── T2.jpg
    │   │   │   ├── T3.jpg
    │   │   │   └── T4.jpg
    │   │   ├── V
    │   │   │   ├── V.jpg
    │   │   │   ├── V1.jpg
    │   │   │   ├── V2.jpg
    │   │   │   ├── V3.jpg
    │   │   │   ├── V4.jpg
    │   │   │   ├── V5.jpg
    │   │   │   ├── V6.jpg
    │   │   │   └── V7.jpg
    │   │   └── VG
    │   │   │   ├── VG.jpg
    │   │   │   ├── VG1.jpg
    │   │   │   ├── VG10.jpg
    │   │   │   ├── VG11.jpg
    │   │   │   ├── VG12.jpg
    │   │   │   ├── VG13.jpg
    │   │   │   ├── VG14.jpg
    │   │   │   ├── VG2.jpg
    │   │   │   ├── VG3.jpg
    │   │   │   ├── VG4.jpg
    │   │   │   ├── VG5.jpg
    │   │   │   ├── VG6.jpg
    │   │   │   ├── VG7.jpg
    │   │   │   ├── VG8.jpg
    │   │   │   └── VG9.jpg
    │   ├── restaurant-logo.png
    │   ├── restaurant-logo_large.png
    │   ├── restaurant-logo_medium.png
    │   ├── restaurant-logo_small.png
    │   ├── specials-tile.jpg
    │   └── star-k-logo.png
    ├── index.html
    ├── js
    │   ├── ajax-utils.js
    │   ├── bootstrap.js
    │   ├── bootstrap.min.js
    │   ├── jquery-2.1.4.min.js
    │   ├── npm.js
    │   └── script.js
    └── snippets
    │   ├── categories-title-snippet.html
    │   ├── category-snippet.html
    │   ├── home-snippet.html
    │   ├── menu-item.html
    │   └── menu-items-title.html
└── web.code-workspace


/README.md:
--------------------------------------------------------------------------------
 1 | # Coursera: HTML, CSS and Javascript for Web Developers
 2 | 
 3 | This repository is for the assignments in the ["HTML, CSS, and Javascript for Web Developers"](https://www.coursera.org/learn/html-css-javascript-for-web-developers) course by [Yaakov Chaikin](https://www.coursera.org/instructor/yaakov-chaikin).
 4 | 
 5 | ## Assignments
 6 | Module2 Assignment:
 7 | - [Description](https://github.com/jhu-ep-coursera/fullstack-course4/blob/master/assignments/assignment2/Assignment-2.md)
 8 | - [Solution](https://guanqiaoding.github.io/html-css-js-coursera/module2_solution)
 9 | - [Source code](./module2_solution)
10 | 
11 | Module3 Assignment:
12 | - [Description](https://github.com/jhu-ep-coursera/fullstack-course4/blob/master/assignments/assignment3/Assignment-3.md)
13 | - [Solution](https://guanqiaoding.github.io/html-css-js-coursera/module3_solution)
14 | - [Source code](./module3_solution)
15 | - [Update with Bootstrap 4](./module3_bootstrap4)
16 | 
17 | Module4 Assignment:
18 | - [Description](https://github.com/jhu-ep-coursera/fullstack-course4/blob/master/assignments/assignment4/Assignment-4.md)
19 | - [Solution](https://guanqiaoding.github.io/html-css-js-coursera/module4_solution)
20 | - [Source code](./module4_solution)
21 | 
22 | Module5 Assignment:
23 | - [Description](https://github.com/jhu-ep-coursera/fullstack-course4/blob/master/assignments/assignment5/Assignment-5.md)
24 | - [Solution](https://guanqiaoding.github.io/html-css-js-coursera/module5_solution)
25 | - [Source code](./module5_solution)
26 | 
27 | 


--------------------------------------------------------------------------------
/module2_solution/css/style.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |     box-sizing: border-box;
  3 |     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  4 | }
  5 | 
  6 | h1 {
  7 |     color: blue;
  8 |     font-size: 175%;
  9 |     text-align: center;
 10 | }
 11 | 
 12 | section {
 13 |     border: 1px solid black;    
 14 |     background-color: bisque;
 15 |     height: 250px;
 16 |     overflow: auto;
 17 | }
 18 | 
 19 | h2 {
 20 |     float: right;
 21 |     border:1px solid black;
 22 |     color: lavender;
 23 |     font-size: 125%;
 24 |     padding: 5px 20px 5px 20px;
 25 |     margin-top: 0;
 26 |     margin-bottom: 20px;
 27 | }
 28 | 
 29 | ul {
 30 |     clear: right;
 31 |     width: 90%;
 32 | }
 33 | 
 34 | #chicken {
 35 |     background-color: brown;
 36 | }
 37 | 
 38 | #pork {
 39 |     background-color: darkorchid;
 40 | }
 41 | 
 42 | #steak {
 43 |     background-color: forestgreen;
 44 | }
 45 | 
 46 | 
 47 | /********** Desktop version **********/
 48 | @media (min-width: 992px) {
 49 |     .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
 50 |       float: left;
 51 |       padding: 15px;
 52 |     }
 53 |     .col-lg-1 {
 54 |       width: 8.33%;
 55 |     }
 56 |     .col-lg-2 {
 57 |       width: 16.66%;
 58 |     }
 59 |     .col-lg-3 {
 60 |       width: 25%;
 61 |     }
 62 |     .col-lg-4 {
 63 |       width: 33.33%;
 64 |     }
 65 |     .col-lg-5 {
 66 |       width: 41.66%;
 67 |     }
 68 |     .col-lg-6 {
 69 |       width: 50%;
 70 |     }
 71 |     .col-lg-7 {
 72 |       width: 58.33%;
 73 |     }
 74 |     .col-lg-8 {
 75 |       width: 66.66%;
 76 |     }
 77 |     .col-lg-9 {
 78 |       width: 75%;
 79 |     }
 80 |     .col-lg-10 {
 81 |       width: 83.33%;
 82 |     }
 83 |     .col-lg-11 {
 84 |       width: 91.66%;
 85 |     }
 86 |     .col-lg-12 {
 87 |       width: 100%;
 88 |     }
 89 |   }
 90 |   
 91 |   /********** Tablet version **********/
 92 |   @media (min-width: 768px) and (max-width: 991px) {
 93 |     .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 94 |       float: left;
 95 |       padding: 15px;
 96 |     }
 97 |     .col-md-1 {
 98 |       width: 8.33%;
 99 |     }
100 |     .col-md-2 {
101 |       width: 16.66%;
102 |     }
103 |     .col-md-3 {
104 |       width: 25%;
105 |     }
106 |     .col-md-4 {
107 |       width: 33.33%;
108 |     }
109 |     .col-md-5 {
110 |       width: 41.66%;
111 |     }
112 |     .col-md-6 {
113 |       width: 50%;
114 |     }
115 |     .col-md-7 {
116 |       width: 58.33%;
117 |     }
118 |     .col-md-8 {
119 |       width: 66.66%;
120 |     }
121 |     .col-md-9 {
122 |       width: 75%;
123 |     }
124 |     .col-md-10 {
125 |       width: 83.33%;
126 |     }
127 |     .col-md-11 {
128 |       width: 91.66%;
129 |     }
130 |     .col-md-12 {
131 |       width: 100%;
132 |     }
133 |   }
134 | 
135 |   /********** Mobile version **********/
136 |   @media (max-width: 767px) {
137 |     .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
138 |       float: left;
139 |       padding: 15px;
140 |     }
141 |     .col-sm-1 {
142 |       width: 8.33%;
143 |     }
144 |     .col-sm-2 {
145 |       width: 16.66%;
146 |     }
147 |     .col-sm-3 {
148 |       width: 25%;
149 |     }
150 |     .col-sm-4 {
151 |       width: 33.33%;
152 |     }
153 |     .col-sm-5 {
154 |       width: 41.66%;
155 |     }
156 |     .col-sm-6 {
157 |       width: 50%;
158 |     }
159 |     .col-sm-7 {
160 |       width: 58.33%;
161 |     }
162 |     .col-sm-8 {
163 |       width: 66.66%;
164 |     }
165 |     .col-sm-9 {
166 |       width: 75%;
167 |     }
168 |     .col-sm-10 {
169 |       width: 83.33%;
170 |     }
171 |     .col-sm-11 {
172 |       width: 91.66%;
173 |     }
174 |     .col-sm-12 {
175 |       width: 100%;
176 |     }
177 |   }


--------------------------------------------------------------------------------
/module2_solution/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |     <meta charset="utf-8" />
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |     <title>Module2 Assignment</title>
 8 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |     <link rel="stylesheet" href="css/style.css" />
10 | </head>
11 | 
12 | <body>
13 |     <h1>Our Menu</h1>
14 | 
15 |     <div class="col-lg-4 col-md-6 col-sm-12">
16 |         <section>
17 |             <h2 id="chicken">Chicken</h2>
18 |             <ul>
19 |                 <li>Balsamic Roasted Brussels Sprouts, Butternut Squash and Chicken Thighs</li>
20 |                 <li>Prosciutto-Wrapped Chicken with Garlic and Herb Cheese</li>
21 |                 <li>Siri Pinter’s One-Pot Chicken Alfredo</li>
22 |                 <li>Florentine Penne with Chicken</li>
23 |                 <li>Garlic-Bread Chicken Nuggets with Balsamic Ketchup</li>
24 |             </ul>
25 |         </section>
26 |     </div>
27 | 
28 |     <div class="col-lg-4 col-md-6 col-sm-12">
29 |         <section>
30 |             <h2 id="pork">Pork</h2>
31 |             <ul>
32 |                 <li>Pork Cheek and Black-Eyed Pea Chili</li>
33 |                 <li>Braised Pork with Cherry Gravy</li>
34 |                 <li>Aleppo-Pepper-Pork-and-Fennel Sandwiches</li>
35 |                 <li>Herb-Roasted Pork Subs with Garlicky Spinach</li>
36 |                 <li>Chinese-Style Ribs with Guava Barbecue Sauce</li>
37 |                 <li>Pork Medallions with Onion Marmalade</li>
38 |             </ul>
39 |         </section>
40 |     </div>
41 | 
42 |     <div class="col-lg-4 col-md-12 col-sm-12">
43 |         <section>
44 |             <h2 id="steak">Steak</h2>
45 |             <ul>
46 |                 <li>Butter-Basted Rib Eye Steaks</li>
47 |                 <li>Balsamic Marinated Flank Steak</li>
48 |                 <li>Grilled Hanger Steak with Kimchi-Apple Slaw</li>
49 |                 <li>Throwback Porterhouse Steaks</li>
50 |                 <li>Minute Steak Stacks with Herbed Anchovy Butter</li>
51 |                 <li>Grilled Skirt Steak with Salsa Verde</li>
52 |             </ul>
53 |         </section>
54 |     </div>
55 |     <div class="col-lg-12 col-md-12 col-sm-12">
56 |         <p>Github repository for this assignment can be found
57 |             <a href="https://github.com/GuanqiaoDing/Coursera-web-development/tree/master/module2_solution" target="_blank">here</a>.
58 |         </p>
59 |     </div>
60 | </body>
61 | 
62 | </html>


--------------------------------------------------------------------------------
/module3_boostrap4/css/style.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   font-size: 16px;
 3 |   color: rgba(34, 33, 33, 0.884);
 4 |   background-color: #80bad1;
 5 |   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
 6 | }
 7 | 
 8 | #header-nav {
 9 |   background-color: #6f44a0;
10 |   min-height: 50px;
11 | }
12 | 
13 | .navbar-brand h1 {
14 |   font-family: 'Lora', serif;
15 |   color: #80bad1;
16 |   font-size: 1.8em;
17 |   text-transform: uppercase;
18 |   font-weight: bold;
19 |   margin-top: 20px;
20 |   margin-bottom: 20px;
21 | }
22 | 
23 | .navbar-brand a:hover, .navbar-brand a:focus {
24 |   text-decoration: none;
25 | }
26 | 
27 | #nav-list a {
28 |   color: #80bad1;
29 |   background: rgb(236, 236, 209);
30 |   border: 1px solid #6f44a0;
31 |   font-weight: bold;
32 | }
33 | 
34 | #nav-list a:hover {
35 |   background: rgb(236, 236, 209);
36 |   opacity: 0.6;
37 | }
38 | 
39 | #page-title {
40 |   font-weight: bold;
41 |   margin-top: 30px;
42 |   margin-bottom: 30px;
43 | }
44 | 
45 | #main-text {
46 |   height: 3000px;
47 |   padding: 40px;
48 |   background-color: rgb(236, 236, 209);
49 | }
50 | 
51 | h3 {
52 |   font-size: 1.3em;
53 |   font-weight: bold;
54 | }


--------------------------------------------------------------------------------
/module3_boostrap4/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 	<meta charset="utf-8">
  6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7 | 	<link rel="stylesheet" href="css/bootstrap.min.css">
  8 | 	<link rel="stylesheet" href="css/style.css">
  9 | 	<title>Module 3 Assignment</title>
 10 | </head>
 11 | 
 12 | <body>
 13 | 	<header>
 14 | 		<nav id="header-nav" class="navbar navbar-expand-lg navbar-light">
 15 | 			<div class="container">
 16 | 				<div class="navbar-brand">
 17 | 					<a href="index.html">
 18 | 						<h1>Food, LLC</h1>
 19 | 					</a>
 20 | 				</div>
 21 | 
 22 | 				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
 23 | 				 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 24 | 					<span class="navbar-toggler-icon"></span>
 25 | 				</button>
 26 | 
 27 | 				<div id="navbarSupportedContent" class="collapse navbar-collapse">
 28 | 					<ul id="nav-list" class="navbar-nav mr-auto d-lg-none">
 29 | 						<li class="nav-item active">
 30 | 							<a class="nav-link text-center" href="#chicken">Chicken</a>
 31 | 						</li>
 32 | 						<li class="nav-item">
 33 | 							<a class="nav-link text-center" href="#beef">Beef</a>
 34 | 						</li>
 35 | 						<li class="nav-item">
 36 | 							<a class="nav-link text-center" href="#sushi">Sushi</a>
 37 | 						</li>
 38 | 					</ul>
 39 | 				</div><!-- .collapse .navbar-collapse -->
 40 | 			</div><!-- .container -->
 41 | 		</nav><!-- .navbar-->
 42 | 	</header>
 43 | 
 44 | 	<div id="main-content" class="container">
 45 | 		<h2 id="page-title" class="text-center">Our Menu</h2>
 46 | 		<div id="main-text">
 47 | 			<h3 id="chicken">Chicken</h3>
 48 | 			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
 49 | 				Aenean
 50 | 				massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
 51 | 				Donec
 52 | 				quam
 53 | 				felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
 54 | 				Donec
 55 | 				pede
 56 | 				justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet
 57 | 				a,venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
 58 | 				dapibus.Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
 59 | 				porttitor
 60 | 				eu,
 61 | 				consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
 62 | 				tellus.Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
 63 | 				ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
 64 | 				Maecenas
 65 | 				tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit adipiscing sem neque sed
 66 | 				ipsum.
 67 | 				Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante
 68 | 				tincidunt
 69 | 				tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci
 70 | 				eget
 71 | 				eros
 72 | 				faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
 73 | 				Sed
 74 | 				consequat, leo eget bibendum sodales, augue velit cursus nunc.
 75 | 			</p>
 76 | 			<h3 id="beef">Beef</h3>
 77 | 			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
 78 | 				Aenean
 79 | 				massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
 80 | 				Donec
 81 | 				quam
 82 | 				felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
 83 | 				Donec
 84 | 				pede
 85 | 				justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet
 86 | 				a,venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
 87 | 				dapibus.Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
 88 | 				porttitor
 89 | 				eu,
 90 | 				consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
 91 | 				tellus.Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
 92 | 				ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
 93 | 				Maecenas
 94 | 				tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit adipiscing sem neque sed
 95 | 				ipsum.
 96 | 				Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante
 97 | 				tincidunt
 98 | 				tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci
 99 | 				eget
100 | 				eros
101 | 				faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
102 | 				Sed
103 | 				consequat, leo eget bibendum sodales, augue velit cursus nunc.
104 | 			</p>
105 | 			<h3 id="sushi">Sushi</h3>
106 | 			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
107 | 				Aenean
108 | 				massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
109 | 				Donec
110 | 				quam
111 | 				felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
112 | 				Donec
113 | 				pede
114 | 				justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet
115 | 				a,venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
116 | 				dapibus.Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
117 | 				porttitor
118 | 				eu,
119 | 				consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
120 | 				tellus.Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
121 | 				ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
122 | 				Maecenas
123 | 				tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit adipiscing sem neque sed
124 | 				ipsum.
125 | 				Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante
126 | 				tincidunt
127 | 				tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci
128 | 				eget
129 | 				eros
130 | 				faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
131 | 				Sed
132 | 				consequat, leo eget bibendum sodales, augue velit cursus nunc.
133 | 			</p>
134 | 		</div>
135 | 	</div>
136 | 
137 | 	<script src="js/jquery-3.3.1.js"></script>
138 | 	<script src="js/bootstrap.min.js"></script>
139 | 
140 | </body>
141 | 
142 | </html>


--------------------------------------------------------------------------------
/module3_solution/css/styles.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   font-size: 16px;
 3 |   color: rgba(34, 33, 33, 0.884);
 4 |   background-color: #80bad1;
 5 |   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
 6 | }
 7 | 
 8 | #header-nav {
 9 |   background-color: #6f44a0;
10 |   border-radius: 0;
11 |   border: 0;
12 |   min-height: 70px;
13 | }
14 | 
15 | .navbar-brand h1 {
16 |   font-family: 'Lora', serif;
17 |   color: #80bad1;
18 |   font-size: 1.8em;
19 |   text-transform: uppercase;
20 |   font-weight: bold;
21 |   margin-top: 10px;
22 |   margin-bottom: 20px;
23 |   line-height: .75;
24 | }
25 | 
26 | .navbar-brand a:hover, .navbar-brand a:focus {
27 |   text-decoration: none;
28 | }
29 | 
30 | #nav-list a {
31 |   color: #80bad1;
32 |   font-weight: bold;
33 | }
34 | 
35 | #nav-list a:hover {
36 |   background: rgb(236, 236, 209);
37 | }
38 | 
39 | .navbar-header button.navbar-toggle, .navbar-header .icon-bar {
40 |   border: 1px solid #80bad1;
41 | }
42 | 
43 | .navbar-header button.navbar-toggle {
44 |   clear: both;
45 |   margin-top: -30px;
46 | }
47 | 
48 | #page-title {
49 |   font-weight: bold;
50 |   margin-bottom: 30px;
51 | }
52 | 
53 | #main-text {
54 |   padding-left: 20px;
55 |   padding-right: 20px;
56 | }
57 | 
58 | .text-background {
59 |   height: 3000px;
60 |   padding: 20px 40px 20px 40px;
61 |   background-color: rgb(236, 236, 209);
62 |   overflow: hidden;
63 | }
64 | 
65 | h3 {
66 |   font-weight: bold;
67 | }


--------------------------------------------------------------------------------
/module3_solution/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 	<meta charset="utf-8">
  6 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<title>Module 3 Solution</title>
  9 | 	<link rel="stylesheet" href="css/bootstrap.min.css">
 10 | 	<link rel="stylesheet" href="css/styles.css">
 11 | </head>
 12 | 
 13 | <body>
 14 | 	<header>
 15 | 		<nav id="header-nav" class="navbar navbar-default">
 16 | 			<div class="container">
 17 | 				<div class="navbar-header">
 18 | 					<div class="navbar-brand">
 19 | 						<a href="index.html">
 20 | 							<h1>Food, LLC</h1>
 21 | 						</a>
 22 | 					</div>
 23 | 
 24 | 					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav"
 25 | 					 aria-expanded="false">
 26 | 						<span class="sr-only">Toggle navigation</span>
 27 | 						<span class="icon-bar"></span>
 28 | 						<span class="icon-bar"></span>
 29 | 						<span class="icon-bar"></span>
 30 | 					</button>
 31 | 				</div>
 32 | 
 33 | 				<div id="collapsable-nav" class="collapse navbar-collapse">
 34 | 					<ul id="nav-list" class="nav navbar-nav visible-xs">
 35 | 						<li><a href="#chicken" class="text-center">Chicken</a></li>
 36 | 						<li><a href="#beef" class="text-center">Beef</a></li>
 37 | 						<li><a href="#sushi" class="text-center">Sushi</a></li>
 38 | 					</ul>
 39 | 				</div><!-- .collapse .navbar-collapse -->
 40 | 			</div><!-- .container -->
 41 | 		</nav><!-- #header-nav -->
 42 | 	</header>
 43 | 
 44 | 	<div id="main-content" class="container">
 45 | 		<h2 id="page-title" class="text-center">Our Menu</h2>
 46 | 		<section class="row">
 47 | 			<div id="main-text" class="col-xs-12">
 48 | 				<div class="text-background">
 49 | 					<h3 id="chicken">Chicken</h3>
 50 | 					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
 51 | 						Aenean
 52 | 						massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
 53 | 						Donec
 54 | 						quam
 55 | 						felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
 56 | 						Donec
 57 | 						pede
 58 | 						justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet
 59 | 						a,venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
 60 | 						dapibus.Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
 61 | 						porttitor
 62 | 						eu,
 63 | 						consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
 64 | 						tellus.Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
 65 | 						ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
 66 | 						Maecenas
 67 | 						tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit adipiscing sem neque sed
 68 | 						ipsum.
 69 | 						Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante
 70 | 						tincidunt
 71 | 						tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci
 72 | 						eget
 73 | 						eros
 74 | 						faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
 75 | 						Sed
 76 | 						consequat, leo eget bibendum sodales, augue velit cursus nunc.
 77 | 					</p>
 78 | 					<h3 id="beef">Beef</h3>
 79 | 					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
 80 | 						Aenean
 81 | 						massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
 82 | 						Donec
 83 | 						quam
 84 | 						felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
 85 | 						Donec
 86 | 						pede
 87 | 						justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet
 88 | 						a,venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
 89 | 						dapibus.Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
 90 | 						porttitor
 91 | 						eu,
 92 | 						consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
 93 | 						tellus.Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
 94 | 						ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
 95 | 						Maecenas
 96 | 						tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit adipiscing sem neque sed
 97 | 						ipsum.
 98 | 						Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante
 99 | 						tincidunt
100 | 						tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci
101 | 						eget
102 | 						eros
103 | 						faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
104 | 						Sed
105 | 						consequat, leo eget bibendum sodales, augue velit cursus nunc.
106 | 					</p>
107 | 					<h3 id="sushi">Sushi</h3>
108 | 					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
109 | 						Aenean
110 | 						massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
111 | 						Donec
112 | 						quam
113 | 						felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
114 | 						Donec
115 | 						pede
116 | 						justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet
117 | 						a,venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
118 | 						dapibus.Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
119 | 						porttitor
120 | 						eu,
121 | 						consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
122 | 						tellus.Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
123 | 						ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
124 | 						Maecenas
125 | 						tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit adipiscing sem neque sed
126 | 						ipsum.
127 | 						Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante
128 | 						tincidunt
129 | 						tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci
130 | 						eget
131 | 						eros
132 | 						faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
133 | 						Sed
134 | 						consequat, leo eget bibendum sodales, augue velit cursus nunc.
135 | 					</p>
136 | 				</div>
137 | 			</div>
138 | 		</section>
139 | 	</div>
140 | 
141 | 	<script src="js/jquery-2.1.4.min.js"></script>
142 | 	<script src="js/bootstrap.min.js"></script>
143 | </body>
144 | 
145 | </html>


--------------------------------------------------------------------------------
/module3_solution/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.3.6 (http://getbootstrap.com)
3 |  * Copyright 2011-2015 Twitter, Inc.
4 |  * Licensed under the MIT license
5 |  */
6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>2)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.6",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.6",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),a(c.target).is('input[type="radio"]')||a(c.target).is('input[type="checkbox"]')||c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.6",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.6",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.6",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&j<i.length-1&&j++,~j||(j=0),i.eq(j).trigger("focus")}}}};var h=a.fn.dropdown;a.fn.dropdown=d,a.fn.dropdown.Constructor=g,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=h,this},a(document).on("click.bs.dropdown.data-api",c).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",f,g.prototype.toggle).on("keydown.bs.dropdown.data-api",f,g.prototype.keydown).on("keydown.bs.dropdown.data-api",".dropdown-menu",g.prototype.keydown)}(jQuery),+function(a){"use strict";function b(b,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},c.DEFAULTS,e.data(),"object"==typeof b&&b);f||e.data("bs.modal",f=new c(this,g)),"string"==typeof b?f[b](d):g.show&&f.show(d)})}var c=function(b,c){this.options=c,this.$body=a(document.body),this.$element=a(b),this.$dialog=this.$element.find(".modal-dialog"),this.$backdrop=null,this.isShown=null,this.originalBodyPad=null,this.scrollbarWidth=0,this.ignoreBackdropClick=!1,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};c.VERSION="3.3.6",c.TRANSITION_DURATION=300,c.BACKDROP_TRANSITION_DURATION=150,c.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},c.prototype.toggle=function(a){return this.isShown?this.hide():this.show(a)},c.prototype.show=function(b){var d=this,e=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.setScrollbar(),this.$body.addClass("modal-open"),this.escape(),this.resize(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.$dialog.on("mousedown.dismiss.bs.modal",function(){d.$element.one("mouseup.dismiss.bs.modal",function(b){a(b.target).is(d.$element)&&(d.ignoreBackdropClick=!0)})}),this.backdrop(function(){var e=a.support.transition&&d.$element.hasClass("fade");d.$element.parent().length||d.$element.appendTo(d.$body),d.$element.show().scrollTop(0),d.adjustDialog(),e&&d.$element[0].offsetWidth,d.$element.addClass("in"),d.enforceFocus();var f=a.Event("shown.bs.modal",{relatedTarget:b});e?d.$dialog.one("bsTransitionEnd",function(){d.$element.trigger("focus").trigger(f)}).emulateTransitionEnd(c.TRANSITION_DURATION):d.$element.trigger("focus").trigger(f)}))},c.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),this.resize(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").off("click.dismiss.bs.modal").off("mouseup.dismiss.bs.modal"),this.$dialog.off("mousedown.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",a.proxy(this.hideModal,this)).emulateTransitionEnd(c.TRANSITION_DURATION):this.hideModal())},c.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.trigger("focus")},this))},c.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keydown.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keydown.dismiss.bs.modal")},c.prototype.resize=function(){this.isShown?a(window).on("resize.bs.modal",a.proxy(this.handleUpdate,this)):a(window).off("resize.bs.modal")},c.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.$body.removeClass("modal-open"),a.resetAdjustments(),a.resetScrollbar(),a.$element.trigger("hidden.bs.modal")})},c.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},c.prototype.backdrop=function(b){var d=this,e=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var f=a.support.transition&&e;if(this.$backdrop=a(document.createElement("div")).addClass("modal-backdrop "+e).appendTo(this.$body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){return this.ignoreBackdropClick?void(this.ignoreBackdropClick=!1):void(a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus():this.hide()))},this)),f&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;f?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var g=function(){d.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",g).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):g()}else b&&b()},c.prototype.handleUpdate=function(){this.adjustDialog()},c.prototype.adjustDialog=function(){var a=this.$element[0].scrollHeight>document.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth<a,this.scrollbarWidth=this.measureScrollbar()},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=null,this.options=null,this.enabled=null,this.timeout=null,this.hoverState=null,this.$element=null,this.inState=null,this.init("tooltip",a,b)};c.VERSION="3.3.6",c.TRANSITION_DURATION=150,c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),c.isInStateTrue()?void 0:(clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide())},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-m<o.top?"bottom":"right"==h&&k.right+l>o.width?"left":"left"==h&&k.left-l<o.left?"right":h,f.removeClass(n).addClass(h)}var p=this.getCalculatedOffset(h,k,l,m);this.applyPlacement(p,h);var q=function(){var a=e.hoverState;e.$element.trigger("shown.bs."+e.type),e.hoverState=null,"out"==a&&e.leave(e)};a.support.transition&&this.$tip.hasClass("fade")?f.one("bsTransitionEnd",q).emulateTransitionEnd(c.TRANSITION_DURATION):q()}},c.prototype.applyPlacement=function(b,c){var d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),b.top+=g,b.left+=h,a.offset.setOffset(d[0],a.extend({using:function(a){d.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),d.addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;"top"==c&&j!=f&&(b.top=b.top+f-j);var k=this.getViewportAdjustedDelta(c,b,i,j);k.left?b.left+=k.left:b.top+=k.top;var l=/top|bottom/.test(c),m=l?2*k.left-e+i:2*k.top-f+j,n=l?"offsetWidth":"offsetHeight";d.offset(b),this.replaceArrow(m,d[0][n],l)},c.prototype.replaceArrow=function(a,b,c){this.arrow().css(c?"left":"top",50*(1-a/b)+"%").css(c?"top":"left","")},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},c.prototype.hide=function(b){function d(){"in"!=e.hoverState&&f.detach(),e.$element.removeAttr("aria-describedby").trigger("hidden.bs."+e.type),b&&b()}var e=this,f=a(this.$tip),g=a.Event("hide.bs."+this.type);return this.$element.trigger(g),g.isDefaultPrevented()?void 0:(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one("bsTransitionEnd",d).emulateTransitionEnd(c.TRANSITION_DURATION):d(),this.hoverState=null,this)},c.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},c.prototype.hasContent=function(){return this.getTitle()},c.prototype.getPosition=function(b){b=b||this.$element;var c=b[0],d="BODY"==c.tagName,e=c.getBoundingClientRect();null==e.width&&(e=a.extend({},e,{width:e.right-e.left,height:e.bottom-e.top}));var f=d?{top:0,left:0}:b.offset(),g={scroll:d?document.documentElement.scrollTop||document.body.scrollTop:b.scrollTop()},h=d?{width:a(window).width(),height:a(window).height()}:null;return a.extend({},e,g,h,f)},c.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},c.prototype.getViewportAdjustedDelta=function(a,b,c,d){var e={top:0,left:0};if(!this.$viewport)return e;var f=this.options.viewport&&this.options.viewport.padding||0,g=this.getPosition(this.$viewport);if(/right|left/.test(a)){var h=b.top-f-g.scroll,i=b.top+f-g.scroll+d;h<g.top?e.top=g.top-h:i>g.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;j<g.left?e.left=g.left-j:k>g.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.6",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.6",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<e[0])return this.activeTarget=null,this.clear();for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(void 0===e[a+1]||b<e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,this.clear();var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");
7 | d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")},b.prototype.clear=function(){a(this.selector).parentsUntil(this.options.target,".active").removeClass("active")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.3.6",c.TRANSITION_DURATION=150,c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a"),f=a.Event("hide.bs.tab",{relatedTarget:b[0]}),g=a.Event("show.bs.tab",{relatedTarget:e[0]});if(e.trigger(f),b.trigger(g),!g.isDefaultPrevented()&&!f.isDefaultPrevented()){var h=a(d);this.activate(b.closest("li"),c),this.activate(h,h.parent(),function(){e.trigger({type:"hidden.bs.tab",relatedTarget:b[0]}),b.trigger({type:"shown.bs.tab",relatedTarget:e[0]})})}}},c.prototype.activate=function(b,d,e){function f(){g.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.6",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);


--------------------------------------------------------------------------------
/module4_solution/SpeakGoodBye.js:
--------------------------------------------------------------------------------
 1 | (function (window) {
 2 |   var speakWord = "Good Bye";
 3 |   var byeSpeaker = {
 4 |     speak: function (name) {
 5 |       console.log(speakWord + " " + name);
 6 |     }
 7 |   };
 8 |   window.byeSpeaker = byeSpeaker;
 9 | })(window);
10 | 


--------------------------------------------------------------------------------
/module4_solution/SpeakHello.js:
--------------------------------------------------------------------------------
 1 | (function (window) {
 2 |   var speakWord = "Hello";
 3 |   var helloSpeaker = {
 4 |     speak: function (name) {
 5 |       console.log(speakWord + " " + name);
 6 |     }
 7 |   };
 8 |   window.helloSpeaker = helloSpeaker;
 9 | })(window);
10 | 
11 | 


--------------------------------------------------------------------------------
/module4_solution/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>Module 4 Solution Starter</title>
 6 |   <script>
 7 |     var names = []; // DO NOT REMOVE
 8 |   </script>
 9 |   <script src="SpeakHello.js"></script>
10 |   <script src="SpeakGoodBye.js"></script>
11 |   <script src="script.js"></script>
12 | </head>
13 | <body>
14 |   <h1>Module 4 Solution Starter</h1>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/module4_solution/script.js:
--------------------------------------------------------------------------------
 1 | (function (window) {
 2 |   var names = ["Yaakov", "John", "Jen", "Jason", "Paul", "Frank", "Larry", "Paula", "Laura", "Jim"];
 3 | 
 4 |   for (var i in names) {
 5 |     var firstLetter = names[i].charAt(0).toLowerCase();
 6 |     if (firstLetter === 'j') {
 7 |       byeSpeaker.speak(names[i]);
 8 |     } else {
 9 |       helloSpeaker.speak(names[i]);
10 |     }
11 |   }
12 | })(window);
13 | 
14 | 


--------------------------------------------------------------------------------
/module5_solution/css/styles.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |   font-size: 16px;
  3 |   color: #fff;
  4 |   background-color: #61122f;
  5 |   font-family: 'Oxygen', sans-serif;
  6 | }
  7 | 
  8 | /** HEADER **/
  9 | #header-nav {
 10 |   background-color: #f6b319;
 11 |   border-radius: 0;
 12 |   border: 0;
 13 | }
 14 | 
 15 | #logo-img {
 16 |   background: url('../images/restaurant-logo_large.png') no-repeat;
 17 |   width: 150px;
 18 |   height: 150px;
 19 |   margin: 10px 15px 10px 0;
 20 | }
 21 | 
 22 | .navbar-brand {
 23 |   padding-top: 25px;
 24 | }
 25 | .navbar-brand h1 { /* Restaurant name */
 26 |   font-family: 'Lora', serif;
 27 |   color: #557c3e;
 28 |   font-size: 1.5em;
 29 |   text-transform: uppercase;
 30 |   font-weight: bold;
 31 |   text-shadow: 1px 1px 1px #222;
 32 |   margin-top: 0;
 33 |   margin-bottom: 0;
 34 |   line-height: .75;
 35 | }
 36 | .navbar-brand a:hover, .navbar-brand a:focus {
 37 |   text-decoration: none;
 38 | }
 39 | .navbar-brand p { /* Kosher cert */
 40 |   color: #000;
 41 |   text-transform: uppercase;
 42 |   font-size: .7em;
 43 |   margin-top: 15px;
 44 | }
 45 | .navbar-brand p span { /* Star-K */
 46 |   vertical-align: middle;
 47 | }
 48 | 
 49 | #nav-list {
 50 |   margin-top: 10px;
 51 | }
 52 | #nav-list a {
 53 |   color: #951C49;
 54 |   text-align: center;
 55 | }
 56 | #nav-list a:hover {
 57 |   background: #E7E7E7;
 58 | }
 59 | #nav-list a span {
 60 |   font-size: 1.8em;
 61 | }
 62 | 
 63 | #phone {
 64 |   margin-top: 5px;
 65 | }
 66 | #phone a { /* Phone number */
 67 |   text-align: right;
 68 |   padding-bottom: 0;
 69 | }
 70 | #phone div { /* We Deliver */
 71 |   color: #557c3e;
 72 |   text-align: right;
 73 |   padding-right: 15px;
 74 | }
 75 | 
 76 | .navbar-header button.navbar-toggle, .navbar-header .icon-bar {
 77 |   border: 1px solid #61122f;
 78 | }
 79 | .navbar-header button.navbar-toggle {
 80 |   clear: both;
 81 |   margin-top: -30px;
 82 | }
 83 | /* END HEADER */
 84 | 
 85 | /* FOOTER */
 86 | .panel-footer {
 87 |   margin-top: 30px;
 88 |   padding-top: 35px;
 89 |   padding-bottom: 30px;
 90 |   background-color: #222;
 91 |   border-top: 0;
 92 | }
 93 | .panel-footer div.row {
 94 |   margin-bottom: 35px;
 95 | }
 96 | #hours, #address {
 97 |   line-height: 2;
 98 | }
 99 | #hours > span, #address > span {
100 |   font-size: 1.3em;
101 | }
102 | #address p {
103 |   color: #557c3e;
104 |   font-size: .8em;
105 |   line-height: 1.8;
106 | }
107 | #testimonials {
108 |   font-style: italic;
109 | }
110 | #testimonials p:nth-child(2) {
111 |   margin-top: 25px;
112 | }
113 | /* END FOOTER */
114 | 
115 | 
116 | 
117 | /* HOME PAGE */
118 | .container .jumbotron {
119 |   box-shadow: 0 0 50px #3F0C1F;
120 |   border: 2px solid #3F0C1F;
121 | }
122 | 
123 | #menu-tile, #specials-tile, #map-tile {
124 |   height: 250px;
125 |   width: 100%;
126 |   margin-bottom: 15px;
127 |   position: relative;
128 |   border: 2px solid #3F0C1F;
129 |   overflow: hidden;
130 | }
131 | #menu-tile:hover, #specials-tile:hover, #map-tile:hover {
132 |   box-shadow: 0 1px 5px 1px #cccccc;
133 | }
134 | #menu-tile {
135 |   background: url('../images/menu-tile.jpg') no-repeat;
136 |   background-position: center;
137 | }
138 | #specials-tile {
139 |   background: url('../images/specials-tile.jpg') no-repeat;
140 |   background-position: center;
141 | }
142 | #menu-tile span, #specials-tile span, #map-tile span {
143 |   position: absolute;
144 |   bottom: 0;
145 |   right: 0;
146 |   width: 100%;
147 |   text-align: center;
148 |   font-size: 1.6em;
149 |   text-transform: uppercase;
150 |   background-color: #000;
151 |   color: #fff;
152 |   opacity: .8;
153 | }
154 | /* END HOME PAGE */
155 | 
156 | /* MENU CATEGORIES PAGE */
157 | .category-tile { 
158 |   position: relative;
159 |   border: 2px solid #3F0C1F;
160 |   overflow: hidden;
161 |   width: 200px;
162 |   height: 200px;
163 |   margin: 0 auto 15px;
164 | }
165 | .category-tile span {
166 |   position: absolute;
167 |   bottom: 0;
168 |   right: 0;
169 |   width: 100%;
170 |   text-align: center;
171 |   font-size: 1.2em;
172 |   text-transform: uppercase;
173 |   background-color: #000;
174 |   color: #fff;
175 |   opacity: .8;
176 | }
177 | .category-tile:hover {
178 |   box-shadow: 0 1px 5px 1px #cccccc;
179 | }
180 | 
181 | #menu-categories-title + div {
182 |   margin-bottom: 50px;
183 | }
184 | /* END MENU CATEGORIES PAGE */
185 | 
186 | /* SINGLE CATEGORY PAGE */
187 | .menu-item-tile {
188 |   margin-bottom: 25px;
189 | }
190 | .menu-item-tile hr {
191 |   width: 80%;
192 | }
193 | .menu-item-tile .menu-item-price {
194 |   font-size: 1.1em;
195 |   text-align: right;
196 |   margin-top: -15px;
197 |   margin-right: -15px;
198 | }
199 | .menu-item-tile .menu-item-price span {
200 |   font-size: .6em;
201 | }
202 | .menu-item-photo {
203 |   position: relative;
204 |   border: 2px solid #3F0C1F; 
205 |   overflow: hidden;
206 |   padding: 0;
207 |   margin-right: -15px;
208 |   margin-left: auto;
209 |   margin-bottom: 20px;
210 |   max-width: 250px;
211 | }
212 | .menu-item-photo div {
213 |   position: absolute;
214 |   bottom: 0;
215 |   right: 0;
216 |   width: 80px;
217 |   background-color: #557c3e;
218 |   text-align: center;
219 | }
220 | .menu-item-description {
221 |   padding-right: 30px;
222 | }
223 | h3.menu-item-title {
224 |   margin: 0 0 10px;
225 | }
226 | .menu-item-details {
227 |   font-size: .9em;
228 |   font-style: italic;
229 | }
230 | /* END SINGLE CATEGORY PAGE */
231 | 
232 | 
233 | /********** Large devices only **********/
234 | @media (min-width: 1200px) {
235 |   .container .jumbotron {
236 |     background: url('../images/jumbotron_1200.jpg') no-repeat;
237 |     height: 675px;
238 |   }
239 | }
240 | 
241 | /********** Medium devices only **********/
242 | @media (min-width: 992px) and (max-width: 1199px) {
243 |   /* Header */
244 |   #logo-img {
245 |     background: url('../images/restaurant-logo_medium.png') no-repeat;
246 |     width: 100px;
247 |     height: 100px;
248 |     margin: 5px 5px 5px 0;
249 |   }
250 |   /* End Header */
251 | 
252 |   /* Home Page */
253 |   .container .jumbotron {
254 |     background: url('../images/jumbotron_992.jpg') no-repeat;
255 |     height: 558px;
256 |   }
257 |   /* End Home Page */
258 | }
259 | 
260 | /********** Small devices only **********/
261 | @media (min-width: 768px) and (max-width: 991px) {
262 |   /* Home Page */
263 |   .container .jumbotron {
264 |     background: url('../images/jumbotron_768.jpg') no-repeat;
265 |     height: 432px;
266 |   }
267 |   /* End Home Page */
268 | }
269 | 
270 | /********** Extra small devices only **********/
271 | @media (max-width: 767px) {
272 |   /* Header */
273 |   .navbar-brand {
274 |     padding-top: 10px;
275 |     height: 80px;
276 |   }
277 |   .navbar-brand h1 { /* Restaurant name */
278 |     padding-top: 10px;
279 |     font-size: 5vw; /* 1vw = 1% of viewport width */
280 |   }
281 |   .navbar-brand p { /* Kosher cert */
282 |     font-size: .6em;
283 |     margin-top: 12px;
284 |   }
285 |   .navbar-brand p img { /* Star-K */
286 |     height: 20px;
287 |   }
288 | 
289 |   #collapsable-nav a { /* Collapsed nav menu text */
290 |     font-size: 1.2em;
291 |   }
292 |   #collapsable-nav a span { /* Collapsed nav menu glyph */
293 |     font-size: 1em;
294 |     margin-right: 5px;
295 |   }
296 | 
297 |   #call-btn > a {
298 |     font-size: 1.5em;
299 |     display: block;
300 |     margin: 0 20px;
301 |     padding: 10px;
302 |     border: 2px solid #fff;
303 |     background-color: #f6b319;
304 |     color: #951c49;
305 |   }
306 |   #xs-deliver {
307 |     margin-top: 5px;
308 |     font-size: .7em;
309 |     letter-spacing: .1em;
310 |     text-transform: uppercase;
311 |   }
312 |   /* End Header */
313 | 
314 |   /* Footer */
315 |   .panel-footer section {
316 |     margin-bottom: 30px;
317 |     text-align: center;
318 |   }
319 |   .panel-footer section:nth-child(3) {
320 |     margin-bottom: 0; /* margin already exists on the whole row */
321 |   }
322 |   .panel-footer section hr {
323 |     width: 50%;
324 |   }
325 |   /* End Footer */
326 | 
327 |   /* Home Page */
328 |   .container .jumbotron {
329 |     margin-top: 30px;
330 |     padding: 0;
331 |   }
332 |   #menu-tile, #specials-tile {
333 |     width: 360px;
334 |     margin: 0 auto 15px;
335 |   }
336 | 
337 |   .menu-item-photo {
338 |     margin-right: auto;
339 |   }
340 |   .menu-item-tile .menu-item-price {
341 |     text-align: center;
342 |   }
343 |   .menu-item-description {
344 |     text-align: center;;
345 |   }
346 | }
347 | 
348 | 
349 | /********** Super extra small devices Only :-) (e.g., iPhone 4) **********/
350 | @media (max-width: 479px) {
351 |   /* Header */
352 |   .navbar-brand h1 { /* Restaurant name */
353 |     padding-top: 5px;
354 |     font-size: 6vw;
355 |   }
356 |   /* End Header */
357 |   
358 |   /* Home page */
359 |   #menu-tile, #specials-tile {
360 |     width: 280px;
361 |     margin: 0 auto 15px;
362 |   }
363 | 
364 |   .col-xxs-12 {
365 |     position: relative;
366 |     min-height: 1px;
367 |     padding-right: 15px;
368 |     padding-left: 15px;
369 |     float: left;
370 |     width: 100%;
371 |   }
372 | }
373 | 
374 | 
375 | 
376 | 


--------------------------------------------------------------------------------
/module5_solution/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/module5_solution/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/module5_solution/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/module5_solution/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/module5_solution/images/ajax-loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/ajax-loader.gif


--------------------------------------------------------------------------------
/module5_solution/images/jumbotron_1200.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/jumbotron_1200.jpg


--------------------------------------------------------------------------------
/module5_solution/images/jumbotron_768.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/jumbotron_768.jpg


--------------------------------------------------------------------------------
/module5_solution/images/jumbotron_992.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/jumbotron_992.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu-tile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu-tile.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/A/A9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/A/A9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B14.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B15.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B16.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/B/B9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/B/B9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C14.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C15.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C16.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C17.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C18.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C19.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C19.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/C/C9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/C/C9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CM/CM.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CM/CM.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CM/CM1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CM/CM1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CM/CM2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CM/CM2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CM/CM3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CM/CM3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CM/CM4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CM/CM4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CM/CM5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CM/CM5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CSR/CSR.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CSR/CSR.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CSR/CSR1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CSR/CSR1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CSR/CSR2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CSR/CSR2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CSR/CSR3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CSR/CSR3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CSR/CSR4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CSR/CSR4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CU/CU.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CU/CU.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CU/CU21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CU/CU21.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CU/CU22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CU/CU22.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/CU/CU23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/CU/CU23.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D14.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D15.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D16.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D17.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D18.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/D/D9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/D/D9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/DK/DK.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/DK/DK.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/DK/DK1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/DK/DK1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/DK/DK2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/DK/DK2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/DK/DK3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/DK/DK3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/DS/DS.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/DS/DS.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/DS/DS1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/DS/DS1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/DS/DS2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/DS/DS2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/F/F9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/F/F9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FR/FR.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FR/FR.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FR/FR1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FR/FR1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FR/FR2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FR/FR2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FR/FR3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FR/FR3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FR/FR4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FR/FR4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FR/FR5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FR/FR5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FY/FY.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FY/FY.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FY/FY1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FY/FY1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FY/FY2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FY/FY2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FY/FY3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FY/FY3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FY/FY4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FY/FY4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/FY/FY5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/FY/FY5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L14.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L15.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L16.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L17.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L18.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L19.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L19.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L20.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L20.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L21.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L22.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L23.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L24.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L24.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L26.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L26.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L27.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L27.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L28.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L28.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/L/L9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/L/L9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NF/NF.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NF/NF.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NF/NF10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NF/NF10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NF/NF11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NF/NF11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NF/NF12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NF/NF12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NF/NF13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NF/NF13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NL/NL.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NL/NL.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NL/NL1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NL/NL1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NL/NL2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NL/NL2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NL/NL3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NL/NL3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NS/NS.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NS/NS.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NS/NS1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NS/NS1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NS/NS2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NS/NS2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NS/NS3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NS/NS3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/NS/NS4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/NS/NS4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/PF/PF.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/PF/PF.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/PF/PF1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/PF/PF1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/PF/PF2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/PF/PF2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/PF/PF3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/PF/PF3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/PF/PF4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/PF/PF4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/PF/PF5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/PF/PF5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SO/SO7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SO/SO7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SP/SP8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SP/SP8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR14.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR15.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR16.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR17.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR18.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR19.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR19.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR20.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR20.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR21.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR22.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR23.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR24.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR24.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR25.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR25.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR26.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR26.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR27.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR27.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR28.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR28.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR29.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR29.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR30.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR30.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR31.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR31.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR32.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR32.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR33.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR33.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR34.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR34.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR35.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR35.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR36.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR36.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR37.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR37.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR38.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR38.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR39.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR39.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR40.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR40.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR41.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR41.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR42.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR42.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR43.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR43.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SR/SR9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SR/SR9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS14.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/SS/SS9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/SS/SS9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/T/T.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/T/T.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/T/T1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/T/T1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/T/T2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/T/T2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/T/T3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/T/T3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/T/T4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/T/T4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/V/V7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/V/V7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG1.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG10.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG11.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG12.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG13.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG14.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG2.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG3.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG4.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG5.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG6.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG7.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG8.jpg


--------------------------------------------------------------------------------
/module5_solution/images/menu/VG/VG9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/menu/VG/VG9.jpg


--------------------------------------------------------------------------------
/module5_solution/images/restaurant-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/restaurant-logo.png


--------------------------------------------------------------------------------
/module5_solution/images/restaurant-logo_large.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/restaurant-logo_large.png


--------------------------------------------------------------------------------
/module5_solution/images/restaurant-logo_medium.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/restaurant-logo_medium.png


--------------------------------------------------------------------------------
/module5_solution/images/restaurant-logo_small.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/restaurant-logo_small.png


--------------------------------------------------------------------------------
/module5_solution/images/specials-tile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/specials-tile.jpg


--------------------------------------------------------------------------------
/module5_solution/images/star-k-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GuanqiaoDing/html-css-js-coursera/a8af36f7bb9547718bb25ef0774fbfce5543a745/module5_solution/images/star-k-logo.png


--------------------------------------------------------------------------------
/module5_solution/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <title>David Chu's China Bistro</title>
  8 |     <link rel="stylesheet" href="css/bootstrap.min.css">
  9 |     <link rel="stylesheet" href="css/styles.css">
 10 |     <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
 11 |     <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
 12 |   </head>
 13 | <body>
 14 |   <header>
 15 |     <nav id="header-nav" class="navbar navbar-default">
 16 |       <div class="container">
 17 |         <div class="navbar-header">
 18 |           <a href="index.html" class="pull-left visible-md visible-lg">
 19 |             <div id="logo-img" alt="Logo image"></div>
 20 |           </a>
 21 | 
 22 |           <div class="navbar-brand">
 23 |             <a href="index.html"><h1>David Chu's China Bistro</h1></a>
 24 |             <p>
 25 |               <img src="images/star-k-logo.png" alt="Kosher certification">
 26 |               <span>Kosher Certified</span>
 27 |             </p>
 28 |           </div>
 29 | 
 30 |           <button id="navbarToggle" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="false">
 31 |             <span class="sr-only">Toggle navigation</span>
 32 |             <span class="icon-bar"></span>
 33 |             <span class="icon-bar"></span>
 34 |             <span class="icon-bar"></span>
 35 |           </button>
 36 |         </div>
 37 |         
 38 |         <div id="collapsable-nav" class="collapse navbar-collapse">
 39 |            <ul id="nav-list" class="nav navbar-nav navbar-right">
 40 |             <li id="navHomeButton" class="visible-xs active">
 41 |               <a href="index.html">
 42 |                 <span class="glyphicon glyphicon-home"></span> Home</a>
 43 |             </li>
 44 |             <li id="navMenuButton">
 45 |               <a href="#" onclick="$dc.loadMenuCategories();">
 46 |                 <span class="glyphicon glyphicon-cutlery"></span><br class="hidden-xs"> Menu</a>
 47 |             </li>
 48 |             <li>
 49 |               <a href="#">
 50 |                 <span class="glyphicon glyphicon-info-sign"></span><br class="hidden-xs"> About</a>
 51 |             </li>
 52 |             <li>
 53 |               <a href="#">
 54 |                 <span class="glyphicon glyphicon-certificate"></span><br class="hidden-xs"> Awards</a>
 55 |             </li>
 56 |             <li id="phone" class="hidden-xs">
 57 |               <a href="tel:410-602-5008">
 58 |                 <span>410-602-5008</span></a><div>* We Deliver</div>
 59 |             </li>
 60 |           </ul><!-- #nav-list -->
 61 |         </div><!-- .collapse .navbar-collapse -->
 62 |       </div><!-- .container -->
 63 |     </nav><!-- #header-nav -->
 64 |   </header>
 65 | 
 66 |   <div id="call-btn" class="visible-xs">
 67 |     <a class="btn" href="tel:410-602-5008">
 68 |     <span class="glyphicon glyphicon-earphone"></span>
 69 |     410-602-5008
 70 |     </a>
 71 |   </div>
 72 |   <div id="xs-deliver" class="text-center visible-xs">* We Deliver</div>
 73 | 
 74 |   <div id="main-content" class="container"></div>
 75 | 
 76 |   <footer class="panel-footer">
 77 |     <div class="container">
 78 |       <div class="row">
 79 |         <section id="hours" class="col-sm-4">
 80 |           <span>Hours:</span><br>
 81 |           Sun-Thurs: 11:15am - 10:00pm<br>
 82 |           Fri: 11:15am - 2:30pm<br>
 83 |           Saturday Closed
 84 |           <hr class="visible-xs">
 85 |         </section>
 86 |         <section id="address" class="col-sm-4">
 87 |           <span>Address:</span><br>
 88 |           7105 Reisterstown Road<br>
 89 |           Baltimore, MD 21215
 90 |           <p>* Delivery area within 3-4 miles, with minimum order of $20 plus $3 charge for all deliveries.</p>
 91 |           <hr class="visible-xs">
 92 |         </section>
 93 |         <section id="testimonials" class="col-sm-4">
 94 |           <p>"The best Chinese restaurant I've been to! And that's saying a lot, since I've been to many!"</p>
 95 |           <p>"Amazing food! Great service! Couldn't ask for more! I'll be back again and again!"</p>
 96 |         </section>
 97 |       </div>
 98 |       <div class="text-center">&copy; Copyright David Chu's China Bistro 2016</div>
 99 |     </div>
100 |   </footer>
101 | 
102 |   <!-- jQuery (Bootstrap JS plugins depend on it) -->
103 |   <script src="js/jquery-2.1.4.min.js"></script>
104 |   <script src="js/bootstrap.min.js"></script>
105 |   <script src="js/ajax-utils.js"></script>
106 |   <script src="js/script.js"></script>
107 | </body>
108 | </html>
109 | 


--------------------------------------------------------------------------------
/module5_solution/js/ajax-utils.js:
--------------------------------------------------------------------------------
 1 | (function (global) {
 2 | 
 3 | // Set up a namespace for our utility
 4 | var ajaxUtils = {};
 5 | 
 6 | 
 7 | // Returns an HTTP request object
 8 | function getRequestObject() {
 9 |   if (window.XMLHttpRequest) {
10 |     return (new XMLHttpRequest());
11 |   } 
12 |   else if (window.ActiveXObject) {
13 |     // For very old IE browsers (optional)
14 |     return (new ActiveXObject("Microsoft.XMLHTTP"));
15 |   } 
16 |   else {
17 |     global.alert("Ajax is not supported!");
18 |     return(null); 
19 |   }
20 | }
21 | 
22 | 
23 | // Makes an Ajax GET request to 'requestUrl'
24 | ajaxUtils.sendGetRequest = 
25 |   function(requestUrl, responseHandler, isJsonResponse) {
26 |     var request = getRequestObject();
27 |     request.onreadystatechange = 
28 |       function() { 
29 |         handleResponse(request, 
30 |                        responseHandler,
31 |                        isJsonResponse); 
32 |       };
33 |     request.open("GET", requestUrl, true);
34 |     request.send(null); // for POST only
35 |   };
36 | 
37 | 
38 | // Only calls user provided 'responseHandler'
39 | // function if response is ready
40 | // and not an error
41 | function handleResponse(request,
42 |                         responseHandler,
43 |                         isJsonResponse) {
44 |   if ((request.readyState == 4) &&
45 |      (request.status == 200)) {
46 | 
47 |     // Default to isJsonResponse = true
48 |     if (isJsonResponse == undefined) {
49 |       isJsonResponse = true;
50 |     }
51 | 
52 |     if (isJsonResponse) {
53 |       responseHandler(JSON.parse(request.responseText));
54 |     }
55 |     else {
56 |       responseHandler(request.responseText);
57 |     }
58 |   }
59 | }
60 | 
61 | 
62 | // Expose utility to the global object
63 | global.$ajaxUtils = ajaxUtils;
64 | 
65 | 
66 | })(window);
67 | 
68 | 


--------------------------------------------------------------------------------
/module5_solution/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.3.6 (http://getbootstrap.com)
3 |  * Copyright 2011-2015 Twitter, Inc.
4 |  * Licensed under the MIT license
5 |  */
6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>2)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.6",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.6",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),a(c.target).is('input[type="radio"]')||a(c.target).is('input[type="checkbox"]')||c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.6",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.6",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.6",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&j<i.length-1&&j++,~j||(j=0),i.eq(j).trigger("focus")}}}};var h=a.fn.dropdown;a.fn.dropdown=d,a.fn.dropdown.Constructor=g,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=h,this},a(document).on("click.bs.dropdown.data-api",c).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",f,g.prototype.toggle).on("keydown.bs.dropdown.data-api",f,g.prototype.keydown).on("keydown.bs.dropdown.data-api",".dropdown-menu",g.prototype.keydown)}(jQuery),+function(a){"use strict";function b(b,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},c.DEFAULTS,e.data(),"object"==typeof b&&b);f||e.data("bs.modal",f=new c(this,g)),"string"==typeof b?f[b](d):g.show&&f.show(d)})}var c=function(b,c){this.options=c,this.$body=a(document.body),this.$element=a(b),this.$dialog=this.$element.find(".modal-dialog"),this.$backdrop=null,this.isShown=null,this.originalBodyPad=null,this.scrollbarWidth=0,this.ignoreBackdropClick=!1,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};c.VERSION="3.3.6",c.TRANSITION_DURATION=300,c.BACKDROP_TRANSITION_DURATION=150,c.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},c.prototype.toggle=function(a){return this.isShown?this.hide():this.show(a)},c.prototype.show=function(b){var d=this,e=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.setScrollbar(),this.$body.addClass("modal-open"),this.escape(),this.resize(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.$dialog.on("mousedown.dismiss.bs.modal",function(){d.$element.one("mouseup.dismiss.bs.modal",function(b){a(b.target).is(d.$element)&&(d.ignoreBackdropClick=!0)})}),this.backdrop(function(){var e=a.support.transition&&d.$element.hasClass("fade");d.$element.parent().length||d.$element.appendTo(d.$body),d.$element.show().scrollTop(0),d.adjustDialog(),e&&d.$element[0].offsetWidth,d.$element.addClass("in"),d.enforceFocus();var f=a.Event("shown.bs.modal",{relatedTarget:b});e?d.$dialog.one("bsTransitionEnd",function(){d.$element.trigger("focus").trigger(f)}).emulateTransitionEnd(c.TRANSITION_DURATION):d.$element.trigger("focus").trigger(f)}))},c.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),this.resize(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").off("click.dismiss.bs.modal").off("mouseup.dismiss.bs.modal"),this.$dialog.off("mousedown.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",a.proxy(this.hideModal,this)).emulateTransitionEnd(c.TRANSITION_DURATION):this.hideModal())},c.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.trigger("focus")},this))},c.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keydown.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keydown.dismiss.bs.modal")},c.prototype.resize=function(){this.isShown?a(window).on("resize.bs.modal",a.proxy(this.handleUpdate,this)):a(window).off("resize.bs.modal")},c.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.$body.removeClass("modal-open"),a.resetAdjustments(),a.resetScrollbar(),a.$element.trigger("hidden.bs.modal")})},c.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},c.prototype.backdrop=function(b){var d=this,e=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var f=a.support.transition&&e;if(this.$backdrop=a(document.createElement("div")).addClass("modal-backdrop "+e).appendTo(this.$body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){return this.ignoreBackdropClick?void(this.ignoreBackdropClick=!1):void(a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus():this.hide()))},this)),f&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;f?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var g=function(){d.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",g).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):g()}else b&&b()},c.prototype.handleUpdate=function(){this.adjustDialog()},c.prototype.adjustDialog=function(){var a=this.$element[0].scrollHeight>document.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth<a,this.scrollbarWidth=this.measureScrollbar()},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=null,this.options=null,this.enabled=null,this.timeout=null,this.hoverState=null,this.$element=null,this.inState=null,this.init("tooltip",a,b)};c.VERSION="3.3.6",c.TRANSITION_DURATION=150,c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),c.isInStateTrue()?void 0:(clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide())},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-m<o.top?"bottom":"right"==h&&k.right+l>o.width?"left":"left"==h&&k.left-l<o.left?"right":h,f.removeClass(n).addClass(h)}var p=this.getCalculatedOffset(h,k,l,m);this.applyPlacement(p,h);var q=function(){var a=e.hoverState;e.$element.trigger("shown.bs."+e.type),e.hoverState=null,"out"==a&&e.leave(e)};a.support.transition&&this.$tip.hasClass("fade")?f.one("bsTransitionEnd",q).emulateTransitionEnd(c.TRANSITION_DURATION):q()}},c.prototype.applyPlacement=function(b,c){var d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),b.top+=g,b.left+=h,a.offset.setOffset(d[0],a.extend({using:function(a){d.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),d.addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;"top"==c&&j!=f&&(b.top=b.top+f-j);var k=this.getViewportAdjustedDelta(c,b,i,j);k.left?b.left+=k.left:b.top+=k.top;var l=/top|bottom/.test(c),m=l?2*k.left-e+i:2*k.top-f+j,n=l?"offsetWidth":"offsetHeight";d.offset(b),this.replaceArrow(m,d[0][n],l)},c.prototype.replaceArrow=function(a,b,c){this.arrow().css(c?"left":"top",50*(1-a/b)+"%").css(c?"top":"left","")},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},c.prototype.hide=function(b){function d(){"in"!=e.hoverState&&f.detach(),e.$element.removeAttr("aria-describedby").trigger("hidden.bs."+e.type),b&&b()}var e=this,f=a(this.$tip),g=a.Event("hide.bs."+this.type);return this.$element.trigger(g),g.isDefaultPrevented()?void 0:(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one("bsTransitionEnd",d).emulateTransitionEnd(c.TRANSITION_DURATION):d(),this.hoverState=null,this)},c.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},c.prototype.hasContent=function(){return this.getTitle()},c.prototype.getPosition=function(b){b=b||this.$element;var c=b[0],d="BODY"==c.tagName,e=c.getBoundingClientRect();null==e.width&&(e=a.extend({},e,{width:e.right-e.left,height:e.bottom-e.top}));var f=d?{top:0,left:0}:b.offset(),g={scroll:d?document.documentElement.scrollTop||document.body.scrollTop:b.scrollTop()},h=d?{width:a(window).width(),height:a(window).height()}:null;return a.extend({},e,g,h,f)},c.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},c.prototype.getViewportAdjustedDelta=function(a,b,c,d){var e={top:0,left:0};if(!this.$viewport)return e;var f=this.options.viewport&&this.options.viewport.padding||0,g=this.getPosition(this.$viewport);if(/right|left/.test(a)){var h=b.top-f-g.scroll,i=b.top+f-g.scroll+d;h<g.top?e.top=g.top-h:i>g.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;j<g.left?e.left=g.left-j:k>g.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.6",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.6",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<e[0])return this.activeTarget=null,this.clear();for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(void 0===e[a+1]||b<e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,this.clear();var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");
7 | d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")},b.prototype.clear=function(){a(this.selector).parentsUntil(this.options.target,".active").removeClass("active")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.3.6",c.TRANSITION_DURATION=150,c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a"),f=a.Event("hide.bs.tab",{relatedTarget:b[0]}),g=a.Event("show.bs.tab",{relatedTarget:e[0]});if(e.trigger(f),b.trigger(g),!g.isDefaultPrevented()&&!f.isDefaultPrevented()){var h=a(d);this.activate(b.closest("li"),c),this.activate(h,h.parent(),function(){e.trigger({type:"hidden.bs.tab",relatedTarget:b[0]}),b.trigger({type:"shown.bs.tab",relatedTarget:e[0]})})}}},c.prototype.activate=function(b,d,e){function f(){g.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.6",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);


--------------------------------------------------------------------------------
/module5_solution/js/npm.js:
--------------------------------------------------------------------------------
 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
 2 | require('../../js/transition.js')
 3 | require('../../js/alert.js')
 4 | require('../../js/button.js')
 5 | require('../../js/carousel.js')
 6 | require('../../js/collapse.js')
 7 | require('../../js/dropdown.js')
 8 | require('../../js/modal.js')
 9 | require('../../js/tooltip.js')
10 | require('../../js/popover.js')
11 | require('../../js/scrollspy.js')
12 | require('../../js/tab.js')
13 | require('../../js/affix.js')


--------------------------------------------------------------------------------
/module5_solution/js/script.js:
--------------------------------------------------------------------------------
  1 | $(function () { // Same as document.addEventListener("DOMContentLoaded"...
  2 | 
  3 |   // Same as document.querySelector("#navbarToggle").addEventListener("blur",...
  4 |   $("#navbarToggle").blur(function (event) {
  5 |     var screenWidth = window.innerWidth;
  6 |     if (screenWidth < 768) {
  7 |       $("#collapsable-nav").collapse('hide');
  8 |     }
  9 |   });
 10 | });
 11 | 
 12 | (function (global) {
 13 | 
 14 | var dc = {};
 15 | 
 16 | var homeHtmlUrl = "snippets/home-snippet.html";
 17 | var allCategoriesUrl =
 18 |   "https://davids-restaurant.herokuapp.com/categories.json";
 19 | var categoriesTitleHtml = "snippets/categories-title-snippet.html";
 20 | var categoryHtml = "snippets/category-snippet.html";
 21 | var menuItemsUrl =
 22 |   "https://davids-restaurant.herokuapp.com/menu_items.json?category=";
 23 | var menuItemsTitleHtml = "snippets/menu-items-title.html";
 24 | var menuItemHtml = "snippets/menu-item.html";
 25 | 
 26 | // Convenience function for inserting innerHTML for 'select'
 27 | var insertHtml = function (selector, html) {
 28 |   var targetElem = document.querySelector(selector);
 29 |   targetElem.innerHTML = html;
 30 | };
 31 | 
 32 | // Show loading icon inside element identified by 'selector'.
 33 | var showLoading = function (selector) {
 34 |   var html = "<div class='text-center'>";
 35 |   html += "<img src='images/ajax-loader.gif'></div>";
 36 |   insertHtml(selector, html);
 37 | };
 38 | 
 39 | // Return substitute of '{{propName}}'
 40 | // with propValue in given 'string'
 41 | var insertProperty = function (string, propName, propValue) {
 42 |   var propToReplace = "{{" + propName + "}}";
 43 |   string = string
 44 |     .replace(new RegExp(propToReplace, "g"), propValue);
 45 |   return string;
 46 | };
 47 | 
 48 | // Remove the class 'active' from home and switch to Menu button
 49 | var switchMenuToActive = function () {
 50 |   // Remove 'active' from home button
 51 |   var classes = document.querySelector("#navHomeButton").className;
 52 |   classes = classes.replace(new RegExp("active", "g"), "");
 53 |   document.querySelector("#navHomeButton").className = classes;
 54 | 
 55 |   // Add 'active' to menu button if not already there
 56 |   classes = document.querySelector("#navMenuButton").className;
 57 |   if (classes.indexOf("active") === -1) {
 58 |     classes += " active";
 59 |     document.querySelector("#navMenuButton").className = classes;
 60 |   }
 61 | };
 62 | 
 63 | // On page load (before images or CSS)
 64 | document.addEventListener("DOMContentLoaded", function (event) {
 65 | 
 66 | // TODO: STEP 0: Look over the code from
 67 | // *** start ***
 68 | // to
 69 | // *** finish ***
 70 | // below.
 71 | // We changed this code to retrieve all categories from the server instead of
 72 | // simply requesting home HTML snippet. We now also have another function
 73 | // called buildAndShowHomeHTML that will receive all the categories from the server
 74 | // and process them: choose random category, retrieve home HTML snippet, insert that
 75 | // random category into the home HTML snippet, and then insert that snippet into our
 76 | // main page (index.html).
 77 | //
 78 | // TODO: STEP 1: Substitute [...] below with the *value* of the function buildAndShowHomeHTML,
 79 | // so it can be called when server responds with the categories data.
 80 | 
 81 | // *** start ***
 82 | // On first load, show home view
 83 | showLoading("#main-content");
 84 | $ajaxUtils.sendGetRequest(
 85 |   allCategoriesUrl,
 86 |   buildAndShowHomeHTML, // ***** <---- TODO: STEP 1: Substitute [...] ******
 87 |   true); // Explicitely setting the flag to get JSON from server processed into an object literal
 88 | });
 89 | // *** finish **
 90 | 
 91 | 
 92 | // Builds HTML for the home page based on categories array
 93 | // returned from the server.
 94 | function buildAndShowHomeHTML (categories) {
 95 | 
 96 |   // Load home snippet page
 97 |   $ajaxUtils.sendGetRequest(
 98 |     homeHtmlUrl,
 99 |     function (homeHtml) {
100 | 
101 |       // TODO: STEP 2: Here, call chooseRandomCategory, passing it retrieved 'categories'
102 |       // Pay attention to what type of data that function returns vs what the chosenCategoryShortName
103 |       // variable's name implies it expects.
104 |       var chosenCategoryShortName = chooseRandomCategory(categories).short_name;
105 | 
106 | 
107 |       // TODO: STEP 3: Substitute {{randomCategoryShortName}} in the home html snippet with the
108 |       // chosen category from STEP 2. Use existing insertProperty function for that purpose.
109 |       // Look through this code for an example of how to do use the insertProperty function.
110 |       // WARNING! You are inserting something that will have to result in a valid Javascript
111 |       // syntax because the substitution of {{randomCategoryShortName}} becomes an argument
112 |       // being passed into the $dc.loadMenuItems function. Think about what that argument needs
113 |       // to look like. For example, a valid call would look something like this:
114 |       // $dc.loadMenuItems('L')
115 |       // Hint: you need to surround the chosen category short name with something before inserting
116 |       // it into the home html snippet.
117 |       //
118 |       chosenCategoryShortName = "'" + chosenCategoryShortName + "'";
119 |       var homeHtmlToInsertIntoMainPage = insertProperty(homeHtml, "randomCategoryShortName", chosenCategoryShortName);
120 | 
121 | 
122 | 
123 |       // TODO: STEP 4: Insert the the produced HTML in STEP 3 into the main page
124 |       // Use the existing insertHtml function for that purpose. Look through this code for an example
125 |       // of how to do that.
126 |       // ....
127 |       insertHtml('#main-content', homeHtmlToInsertIntoMainPage);
128 |     },
129 |     false); // False here because we are getting just regular HTML from the server, so no need to process JSON.
130 | }
131 | 
132 | 
133 | // Given array of category objects, returns a random category object.
134 | function chooseRandomCategory (categories) {
135 |   // Choose a random index into the array (from 0 inclusively until array length (exclusively))
136 |   var randomArrayIndex = Math.floor(Math.random() * categories.length);
137 | 
138 |   // return category object with that randomArrayIndex
139 |   return categories[randomArrayIndex];
140 | }
141 | 
142 | 
143 | // Load the menu categories view
144 | dc.loadMenuCategories = function () {
145 |   showLoading("#main-content");
146 |   $ajaxUtils.sendGetRequest(
147 |     allCategoriesUrl,
148 |     buildAndShowCategoriesHTML);
149 | };
150 | 
151 | 
152 | // Load the menu items view
153 | // 'categoryShort' is a short_name for a category
154 | dc.loadMenuItems = function (categoryShort) {
155 |   showLoading("#main-content");
156 |   $ajaxUtils.sendGetRequest(
157 |     menuItemsUrl + categoryShort,
158 |     buildAndShowMenuItemsHTML);
159 | };
160 | 
161 | 
162 | // Builds HTML for the categories page based on the data
163 | // from the server
164 | function buildAndShowCategoriesHTML (categories) {
165 |   // Load title snippet of categories page
166 |   $ajaxUtils.sendGetRequest(
167 |     categoriesTitleHtml,
168 |     function (categoriesTitleHtml) {
169 |       // Retrieve single category snippet
170 |       $ajaxUtils.sendGetRequest(
171 |         categoryHtml,
172 |         function (categoryHtml) {
173 |           // Switch CSS class active to menu button
174 |           switchMenuToActive();
175 | 
176 |           var categoriesViewHtml =
177 |             buildCategoriesViewHtml(categories,
178 |                                     categoriesTitleHtml,
179 |                                     categoryHtml);
180 |           insertHtml("#main-content", categoriesViewHtml);
181 |         },
182 |         false);
183 |     },
184 |     false);
185 | }
186 | 
187 | 
188 | // Using categories data and snippets html
189 | // build categories view HTML to be inserted into page
190 | function buildCategoriesViewHtml(categories,
191 |                                  categoriesTitleHtml,
192 |                                  categoryHtml) {
193 | 
194 |   var finalHtml = categoriesTitleHtml;
195 |   finalHtml += "<section class='row'>";
196 | 
197 |   // Loop over categories
198 |   for (var i = 0; i < categories.length; i++) {
199 |     // Insert category values
200 |     var html = categoryHtml;
201 |     var name = "" + categories[i].name;
202 |     var short_name = categories[i].short_name;
203 |     html =
204 |       insertProperty(html, "name", name);
205 |     html =
206 |       insertProperty(html,
207 |                      "short_name",
208 |                      short_name);
209 |     finalHtml += html;
210 |   }
211 | 
212 |   finalHtml += "</section>";
213 |   return finalHtml;
214 | }
215 | 
216 | 
217 | 
218 | // Builds HTML for the single category page based on the data
219 | // from the server
220 | function buildAndShowMenuItemsHTML (categoryMenuItems) {
221 |   // Load title snippet of menu items page
222 |   $ajaxUtils.sendGetRequest(
223 |     menuItemsTitleHtml,
224 |     function (menuItemsTitleHtml) {
225 |       // Retrieve single menu item snippet
226 |       $ajaxUtils.sendGetRequest(
227 |         menuItemHtml,
228 |         function (menuItemHtml) {
229 |           // Switch CSS class active to menu button
230 |           switchMenuToActive();
231 | 
232 |           var menuItemsViewHtml =
233 |             buildMenuItemsViewHtml(categoryMenuItems,
234 |                                    menuItemsTitleHtml,
235 |                                    menuItemHtml);
236 |           insertHtml("#main-content", menuItemsViewHtml);
237 |         },
238 |         false);
239 |     },
240 |     false);
241 | }
242 | 
243 | 
244 | // Using category and menu items data and snippets html
245 | // build menu items view HTML to be inserted into page
246 | function buildMenuItemsViewHtml(categoryMenuItems,
247 |                                 menuItemsTitleHtml,
248 |                                 menuItemHtml) {
249 | 
250 |   menuItemsTitleHtml =
251 |     insertProperty(menuItemsTitleHtml,
252 |                    "name",
253 |                    categoryMenuItems.category.name);
254 |   menuItemsTitleHtml =
255 |     insertProperty(menuItemsTitleHtml,
256 |                    "special_instructions",
257 |                    categoryMenuItems.category.special_instructions);
258 | 
259 |   var finalHtml = menuItemsTitleHtml;
260 |   finalHtml += "<section class='row'>";
261 | 
262 |   // Loop over menu items
263 |   var menuItems = categoryMenuItems.menu_items;
264 |   var catShortName = categoryMenuItems.category.short_name;
265 |   for (var i = 0; i < menuItems.length; i++) {
266 |     // Insert menu item values
267 |     var html = menuItemHtml;
268 |     html =
269 |       insertProperty(html, "short_name", menuItems[i].short_name);
270 |     html =
271 |       insertProperty(html,
272 |                      "catShortName",
273 |                      catShortName);
274 |     html =
275 |       insertItemPrice(html,
276 |                       "price_small",
277 |                       menuItems[i].price_small);
278 |     html =
279 |       insertItemPortionName(html,
280 |                             "small_portion_name",
281 |                             menuItems[i].small_portion_name);
282 |     html =
283 |       insertItemPrice(html,
284 |                       "price_large",
285 |                       menuItems[i].price_large);
286 |     html =
287 |       insertItemPortionName(html,
288 |                             "large_portion_name",
289 |                             menuItems[i].large_portion_name);
290 |     html =
291 |       insertProperty(html,
292 |                      "name",
293 |                      menuItems[i].name);
294 |     html =
295 |       insertProperty(html,
296 |                      "description",
297 |                      menuItems[i].description);
298 | 
299 |     // Add clearfix after every second menu item
300 |     if (i % 2 !== 0) {
301 |       html +=
302 |         "<div class='clearfix visible-lg-block visible-md-block'></div>";
303 |     }
304 | 
305 |     finalHtml += html;
306 |   }
307 | 
308 |   finalHtml += "</section>";
309 |   return finalHtml;
310 | }
311 | 
312 | 
313 | // Appends price with '$' if price exists
314 | function insertItemPrice(html,
315 |                          pricePropName,
316 |                          priceValue) {
317 |   // If not specified, replace with empty string
318 |   if (!priceValue) {
319 |     return insertProperty(html, pricePropName, "");
320 |   }
321 | 
322 |   priceValue = "$" + priceValue.toFixed(2);
323 |   html = insertProperty(html, pricePropName, priceValue);
324 |   return html;
325 | }
326 | 
327 | 
328 | // Appends portion name in parens if it exists
329 | function insertItemPortionName(html,
330 |                                portionPropName,
331 |                                portionValue) {
332 |   // If not specified, return original string
333 |   if (!portionValue) {
334 |     return insertProperty(html, portionPropName, "");
335 |   }
336 | 
337 |   portionValue = "(" + portionValue + ")";
338 |   html = insertProperty(html, portionPropName, portionValue);
339 |   return html;
340 | }
341 | 
342 | 
343 | global.$dc = dc;
344 | 
345 | })(window);
346 | 


--------------------------------------------------------------------------------
/module5_solution/snippets/categories-title-snippet.html:
--------------------------------------------------------------------------------
1 | <h2 id="menu-categories-title" class="text-center">Menu Categories</h2>
2 | <div class="text-center">
3 |   Substituting white rice with brown rice or fried rice after 3:00pm will be $1.50 for a pint and $2.50 for a quart.
4 | </div>


--------------------------------------------------------------------------------
/module5_solution/snippets/category-snippet.html:
--------------------------------------------------------------------------------
1 | <div class="col-md-3 col-sm-4 col-xs-6 col-xxs-12">
2 |   <a href="#" onclick="$dc.loadMenuItems('{{short_name}}');">
3 |     <div class="category-tile">
4 |       <img width="200" height="200" src="images/menu/{{short_name}}/{{short_name}}.jpg" alt="{{name}}">
5 |       <span>{{name}}</span>
6 |     </div>
7 |   </a>
8 | </div>
9 | 


--------------------------------------------------------------------------------
/module5_solution/snippets/home-snippet.html:
--------------------------------------------------------------------------------
 1 |     <div class="jumbotron">
 2 |       <img src="images/jumbotron_768.jpg" alt="Picture of restaurant" class="img-responsive visible-xs">
 3 |     </div>
 4 | 
 5 |     <div id="home-tiles" class="row">
 6 |       <div class="col-md-4 col-sm-6 col-xs-12">
 7 |         <a href="#" onclick="$dc.loadMenuCategories();"><div id="menu-tile"><span>menu</span></div></a>
 8 |       </div>
 9 |       <div class="col-md-4 col-sm-6 col-xs-12">
10 |         <a href="#" onclick="$dc.loadMenuItems({{randomCategoryShortName}});">
11 |           <div id="specials-tile"><span>specials</span></div>
12 |         </a>
13 |       </div>
14 |       <div class="col-md-4 col-sm-12 col-xs-12">
15 |         <a href="https://www.google.com/maps/place/David+Chu's+China+Bistro/@39.3635874,-76.7138622,17z/data=!4m6!1m3!3m2!1s0x89c81a14e7817803:0xab20a0e99daa17ea!2sDavid+Chu's+China+Bistro!3m1!1s0x89c81a14e7817803:0xab20a0e99daa17ea" target="_blank">
16 |           <div id="map-tile">
17 |             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3084.675372390488!2d-76.71386218529199!3d39.3635874269356!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c81a14e7817803%3A0xab20a0e99daa17ea!2sDavid+Chu&#39;s+China+Bistro!5e0!3m2!1sen!2sus!4v1452824864156" width="100%" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
18 |             <span>map</span>
19 |           </div>
20 |         </a>
21 |       </div>
22 |     </div><!-- End of #home-tiles -->


--------------------------------------------------------------------------------
/module5_solution/snippets/menu-item.html:
--------------------------------------------------------------------------------
 1 | <div class="menu-item-tile col-md-6">
 2 |   <div class="row">
 3 |     <div class="col-sm-5">
 4 |       <div class="menu-item-photo">
 5 |         <div>{{short_name}}</div>
 6 |         <img class="img-responsive" width="250" height="150" src="images/menu/{{catShortName}}/{{short_name}}.jpg" alt="Item">
 7 |       </div>
 8 |       <div class="menu-item-price">{{price_small}}<span> {{small_portion_name}}</span> {{price_large}} <span>{{large_portion_name}}</span></div>
 9 |     </div>
10 |     <div class="menu-item-description col-sm-7">
11 |       <h3 class="menu-item-title">{{name}}</h3>
12 |       <p class="menu-item-details">{{description}}</p>
13 |     </div>
14 |   </div>
15 |   <hr class="visible-xs">
16 | </div>


--------------------------------------------------------------------------------
/module5_solution/snippets/menu-items-title.html:
--------------------------------------------------------------------------------
1 | <h2 id="menu-categories-title" class="text-center">{{name}} Menu</h2>
2 | <div class="text-center">{{special_instructions}}</div>


--------------------------------------------------------------------------------
/web.code-workspace:
--------------------------------------------------------------------------------
1 | {
2 | 	"folders": [
3 | 		{
4 | 			"path": "."
5 | 		}
6 | 	]
7 | }


--------------------------------------------------------------------------------