FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
javascript-basic-projects/8-menu/final/index.html at master · Coderlimon/javascript-basic-projects · GitHub
Coderlimon
javascript-basic-projects
Repository navigation
Code
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
javascript-basic-projects
/
8-menu
/
final
/
index.html
Copy path
More file actions
More file actions
Latest commit
History
History
History
88 lines (88 loc) · 2.98 KB
Breadcrumbs
javascript-basic-projects
/
8-menu
/
final
/
index.html
Copy path
File metadata and controls
88 lines (88 loc) · 2.98 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html
>
<
html
lang
="
en
"
>
<
head
>
<
meta
charset
="
UTF-8
"
/>
<
meta
name
="
viewport
"
content
="
width=device-width, initial-scale=1.0
"
/>
<
title
>
Menu
</
title
>
<!-- font-awesome -->
<
link
rel
="
stylesheet
"
href
="
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css
"
/>
<!-- styles -->
<
link
rel
="
stylesheet
"
href
="
styles.css
"
/>
</
head
>
<
body
>
<
section
class
="
menu
"
>
<!-- title -->
<
div
class
="
title
"
>
<
h2
>
our menu
</
h2
>
<
div
class
="
underline
"
>
</
div
>
</
div
>
<!-- filter buttons -->
<
div
class
="
btn-container
"
>
<!-- <button type="button" class="filter-btn" data-id="all">all</button>
<button type="button" class="filter-btn" data-id="breakfast">
breakfast
</button>
<button type="button" class="filter-btn" data-id="lunch">lunch</button>
<button type="button" class="filter-btn" data-id="shakes">
shakes
</button> -->
</
div
>
<!-- menu items -->
<
div
class
="
section-center
"
>
<!-- single item -->
<
article
class
="
menu-item
"
>
<
img
src
="
./menu-item.jpeg
"
alt
="
menu item
"
class
="
photo
"
/>
<
div
class
="
item-info
"
>
<
header
>
<
h4
>
buttermilk pancakes
</
h4
>
<
h4
class
="
price
"
>
$15
</
h4
>
</
header
>
<
p
class
="
item-text
"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Repudiandae, sint quam. Et reprehenderit fugiat nesciunt inventore
laboriosam excepturi! Quo, officia.
</
p
>
</
div
>
</
article
>
<!-- end of single item -->
<!-- single item -->
<
article
class
="
menu-item
"
>
<
img
src
="
./menu-item.jpeg
"
alt
="
menu item
"
class
="
photo
"
/>
<
div
class
="
item-info
"
>
<
header
>
<
h4
>
buttermilk pancakes
</
h4
>
<
h4
class
="
price
"
>
$15
</
h4
>
</
header
>
<
p
class
="
item-text
"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Repudiandae, sint quam. Et reprehenderit fugiat nesciunt inventore
laboriosam excepturi! Quo, officia.
</
p
>
</
div
>
</
article
>
<!-- end of single item -->
<!-- single item -->
<
article
class
="
menu-item
"
>
<
img
src
="
./menu-item.jpeg
"
alt
="
menu item
"
class
="
photo
"
/>
<
div
class
="
item-info
"
>
<
header
>
<
h4
>
buttermilk pancakes
</
h4
>
<
h4
class
="
price
"
>
$15
</
h4
>
</
header
>
<
p
class
="
item-text
"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Repudiandae, sint quam. Et reprehenderit fugiat nesciunt inventore
laboriosam excepturi! Quo, officia.
</
p
>
</
div
>
</
article
>
<!-- end of single item -->
</
div
>
</
section
>
<!-- javascript -->
<
script
src
="
app.js
"
>
</
script
>
</
body
>
</
html
>
Back
|
FazBrowse Home
|
New Git URL