-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (186 loc) · 7.53 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html>
<head>
<title>Single Responsif</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container">
<div class="kotak1">
<span class="hello">Hello,</span>
<span class="this">this is your startup business.</span>
<span class="hover-po">
<span class="phoneimg"><img src="img/contact.png"></span>
<span class="phone">+435-580-3031</span>
</span>
<span class="hover-mail">
<span class="mail"><img src="img/mail.png"></span>
<span class="email">milothemes@gmail.com</span>
</span>
</span>
<ul class="social">
<li><img src="img/dribbble.png"></li>
<li><img src="img/facebook.png"></li>
<li><img src="img/twitter.png"></li>
<li><img src="img/behance.png"></li>
<li><img src="img/vimeo.png"></li>
</ul>
</div>
<div class="kotak2">
<div class="start">
<ul class="menu">
<li>HOME</li>
<li>ABOUT US</li>
<li>SERVICES</li>
<li>PORTFOLIO</li>
<li>BLOG</li>
<li>CONTACT</li>
<span class="search"><img src="img/search.png"></span>
<span class="cart"><img src="img/cart.png"></span>
</ul>
<span class="fly"><img src="img/fly.png"></span>START
<span class="p">P</span>
<ul>
<div class="cb">Classic Business</div>
</div>
</div>
<div class="kotak3">
<div class="op">Our Projects</div>
<img class="s-op" src="img/s-op.png">
</div>
<div class="kotak-4">
<div class="box-k4"></div>
<div class="rc"><center>Rebranding Campaign
<div class="pci">Photography, Corporate Identity</div>
<div class="line-bw-pci"></div></center></div>
<div class="box1">
<ul class="box-1">
<li><span class="txt-box1">CLIENT:</span> Milothemes</li><br>
<li><span class="txt-box1">DATE STARTED:</span> 25 August 2015</li><br>
<li><span class="txt-box1">DATE ENDED:</span> 30 Septembere 2015</li><br>
<li><span class="txt-box1">WEB:</span> www.Milothemes.com</li><br>
<li><span class="txt-box1">CATEGORY:</span> photography, web development</li>
</ul>
</div>
<div class="box2">
<div class="box-2"><div class="box-2-1">Project Overview</div></div>
<div class="box-2-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non leo erat. Curabitur ut mollis lacus. Fusce egestas orci in suscipit pulvinar. Donec iaculis laoreet ligula ac sollicitudin. Cras rhoncus quis tellus vitae venenatis. Cras vehicula semper purus.</div>
</div>
<div class="box3">
<ul class="tiga">
<li>GRAPHIC DESIGN <span class="persen">88%</span>
<img class="tiga1" src="img/gd.png"><br></li>
<li>PHOTOSHOP <span class="persen1">92%</span>
<img class="tiga2" src="img/photoshop.png"><br></li>
<li>HTML5 <span class="persen2">70%</span>
<img class="tiga3" src="img/html5.png"><br></li>
<li>WEB DEVELOPMENT <span class="persen3">81%</span>
<img class="tiga4" src="img/wd.png"><br></li>
</ul>
</div>
</div>
<div class="kotak-5">
<div class="k51">PREV</div>
<div class="k52">
<img class="bunder" src="img/box-k5.png">
<div class="txtkotak">
<center>
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non leo erat. Curabitur ut mollis lacus. Fusce <br>egestas orci in suscipit pulvinar. Donec iaculis laoreet ligula ac sollicitudin. Cras rhoncus quis tellus vitae venenatis. <br>Cras vehicula semper purus.”
<div class="txtkotak2">Michael, Milothemes</div>
<div class="txtkotak3">Project Manager</div>
</center>
</div>
</div>
<div class="k53">NEXT</div>
</div>
<div class="kotak6">
<div class="ops">Other Projects
<div class="rel">Related</div>
<div class="linerel"></div></div>
<div class="k61">
<div class="k611"></div>
<center>
<div class="txt1">A View Over the Bridge</div>
<div class="txt2">Photography</div>
</center>
</div>
<div class="k62">
<div class="k611"></div>
<center>
<div class="txt1">Golden Gate</div>
<div class="txt2">Photography</div>
</center>
</div>
<div class="k63">
<div class="k611"></div>
<center>
<div class="txt1">Old Men on Bench</div>
<div class="txt2">Photography</div>
</center>
</div>
</div>
<div class="kotak7">
<div class="k7">
<div class="txtfot">Usefull Links</div>
<ul class="txtfot1">
<li>> <span class="ee">Support Center (Faq)</li>
<br>
<li>> <span class="ee">Pricing</li>
<br>
<li>> <span class="ee">Features Overview</li>
<br>
<li>> <span class="ee">Welcome Page</li>
<br>
<li>> <span class="ee">Under Maintenance</li>
<br>
<li>> <span class="ee">Testimonials</li>
</ul>
</div>
<div class="k71">
<div class="txtfot">Get in Touch</div>
<ul class="her">
<li><img class="her1" src="img/17.png">
<span class="hertxt1">Address</span>
<br>
<span class="ru">2602 Powder House Road, West Palm Beach, FL 33410</span></li>
<br>
<li><img class="her2" src="img/67.png">
<span class="hertxt2">Phone / Fax</span>
<br>
<span class="ru">+435-580-3031 / +435-628-4157</span></li>
<br>
<li><img class="her3" src="img/89.png">
<span class="hertxt3">Email</span>
<br>
<span class="ru">milothemes@gmail.com</span></li>
</ul>
</div>
<div class="k72">
<div class="txtfot">Latest Posts</div>
<div class="boxx"></div>
<div class="tgll">18 August 2015</div>
<div class="inter">Internship: As good as it gets.</div>
<div class="pren">
<span class="pren1">PREV</span>
<span class="pren2">NEXT</span>
</div>
<img class="up" src="img/up.png">
</div>
</div>
<div class="kotak8">
</div>
<div class="kotak9">
<div class="star">START</div>
<div class="tagstar">P</div>
<img class="flly" src="img/flly.png">
<div class="taglinestar">Classic Business</div>
<ul class="navfoter">
<li>Term of use <span class="none">|</span></li>
<li>Help Center <span class="none">|</span></li>
<li>Contact Us <span class="none">|</span></li>
<li><span class="none">Milo Themes 2015 @ All Rights Reserved</span></li>
</ul>
</div>
</div>
</body>
</html>