-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (86 loc) · 3.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Phạm Duy Phương</title>
<link rel="shortcut icon" sizes="114x114" type="image/x-icon" href="image/logo/logo-site.png" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/header.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css" />
<script src="js/main.js"></script>
</head>
<body>
<div class="wrapper">
<nav>
<ul class="main-menu">
<li><a style="color: #03989E;" href="">Project</a></li>
<li><a href="image/resume/cv.pdf">Resume</a></li>
<li><a href="https://www.facebook.com/zuyfun/">About Me</a></li>
</ul>
</nav>
</div>
<div class="content">
<div class="card">
<h2>Construction Machinery Website</h2>
<h5>Java, Jan 27, 2021</h5>
<div class="card_img">Preview:
<img src="image/mini-project/mp1.png" />
</div>
<p>Requirement:</p>
<ul>
<li>This website contains 4 main functions:
<ul>
<li style="list-style-type: square;">Function 1 : Home page.
<ul>
<li style="list-style-type: initial;">Display introduction entry and all remained Machinery items ( short description and picture only) short by published date.
</li>
<li style="list-style-type: initial;">
Each productcontains:
<ul>
<li style="list-style-type:
circle;">Entry name.</li>
<li style="list-style-type: circle">Description picture.
</li>
<li style="list-style-type:
circle;">Entry description.</li>
</ul>
</li>
</ul>
</li>
<li style="list-style-type: square;">Function 2 : Machine for sale.
<ul>
<li style="list-style-type: initial;">Display detail of all items.</li>
</ul>
</li>
<li style="list-style-type: square;">Function 3 : About our company.
<ul>
<li style="list-style-type: initial;">Display about us information.</li>
</ul>
</li>
<li style="list-style-type: square;">Function 4 : Contact.
<ul>
<li style="list-style-type: initial;">Help user to submit their request.</li>
</ul>
</li>
</ul>
</li>
</ul>
<a href=""><button>View all Source Code</button></a>
</div>
<div class="card">
<h2>TITLE HEADING</h2>
<h5>Title description, Sep 2, 2017</h5>
<div class="card_img" ">Image</div>
<p>Some text..</p>
<p>Sunt in culpa qui officia deserunt mollit anim id est laborum
consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco.</p>
</div>
</div>
<div class="footer ">
<h3>Footer</h3>
</div>
</body>
</html>