-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (153 loc) · 7.2 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<title>Retro Flat WebSite</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<!--TopView-->
<div class="topContainer">
<span class="topLogo">FLEX</span>
<div class="wrap">
<div class="nav">
<ul>
<li><span>FAQ</span></li>
<li><span>SHOP</span></li>
<li><span>LOGIN</span></li>
<li class="active">SIGNUP</li>
</ul>
</div>
<div class="header">
<h1><span>Flat</span>Design</h1>
</div>
<div class="Loremipsum">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br> urabitur a ligula a ligula fringilla
imperdiet et sit amet enim. </br> Donec in quam sit amet ante blandit ultrices.
</p>
</div>
<div class="downButton">
<img src="./img/downbutton.png" />
</div>
</div>
</div>
<!--MainView-->
<div calss="mainContainer">
<div class="sectionContainer">
<div class="container">
<div class="row">
<h2><span>About</span>Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br>Maecenas luctus at sem quis varius.
</br>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</br>
Phasellus iaculis magna sagittis elit sagittis, at hendrerit lorem venenatis. Morbi accumsan
iaculis blandit.
</br>
Cras ultrices hendrerit nisl.
</p>
</div>
</div>
</div>
<div class="sectionContainer">
<div class="container">
<div class="row">
<img src=".img/main.png" width="700" height="500" />
<div class="card card_shdow">
<h3>About</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br>Maecenas luctus at sem quis
varius.
</br>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</br>
Phasellus iaculis magna sagittis elit sagittis, at hendrerit lorem venenatis. Morbi accumsan
iaculis blandit.
</br>
Cras ultrices hendrerit nisl.
</p>
</div>
</div>
</div>
</div>
<div class="sectionContainer">
<div class="container">
<div class="row">
<img src="./img/main.png" width="700" height="500" />
<div class="card card_shdow">
<h2><span>P</span>artners</h2>
<div class="partners">
<div class="partner">
<img src="./img/man1.jpg" width="250" height="350" />
<h3>Rion.Kim</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br>Maecenas luctus at sem
quis
varius.</p>
<span>F</span>
<span>T</span>
<span>E</span>
</div>
<div class="partner">
<img src="./img/man2.jpg" width="250" height="350" />
<h3>Biber Just</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br>Maecenas luctus at sem
quis
varius.</p>
<span>F</span>
<span>T</span>
<span>E</span>
</div>
<div class="partner">
<img src="./img/woman1.jpg" width="250" height="350" />
<h3>Kim.maksoon</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br>Maecenas luctus at sem
quis
varius.</p>
<span>F</span>
<span>T</span>
<span>E</span>
</div>
</div>
<div class="sectionContainer">
<div class="container">
<div class="row">
<h2><span>Last</span>Page</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br>Maecenas luctus at
sem quis varius.
</br>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos.
</br>
Phasellus iaculis magna sagittis elit sagittis, at hendrerit lorem venenatis.
Morbi accumsan
iaculis blandit.
</br>
Cras ultrices hendrerit nisl.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--BottomContainer-->
<div class="bottomContainer">
<div class="lastContainer">
<div class="container">
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </br>Maecenas luctus at sem quis
varius.
</br>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</br>
Phasellus iaculis magna sagittis elit sagittis, at hendrerit lorem venenatis. Morbi accumsan
iaculis blandit.
</br>
Cras ultrices hendrerit nisl.
</p>
</div>
</div>
<footer>Copyright @Jake_k95. All rights reserved.</footer>
</div>
</div>
</body>
</html>