-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
253 lines (219 loc) · 7.34 KB
/
home.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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>my portfolio</title>
<link rel="stylesheet" href="home.css" />
</head>
<body>
<!-- header navigation -->
<div class="header_nav_container">
<div class="header_logo">DON-MARTINS</div>
<div class="header_nav_list">
<ul>
<a href=""> <li>our services</li> </a>
<a href=""> <li>portfolio</li> </a>
<a href=""> <li>testimonials</li> </a>
<a href=""> <li>freebies for followers</li> </a>
<a href=""> <li>downloads</li> </a>
<a href=""> <li>contact</li> </a>
</ul>
</div>
</div>
<!-- header image -->
<div class="header-image-container">
<div class="header-text">
<h1>MY PORTFOLIO</h1>
</div>
</div>
<!-- intro text -->
<div class="intro">
<h3>We know that good design mean good business</h3>
</div>
<!-- hero section -->
<div class="hero-section">
<div class="hero-contents">
<img src="./images/web.png" alt="" />
<h3>Web Design</h3>
<p>
Good website design means great impression on your visitor. We can
design modern websites which will help you reach your conversion
goal..
</p>
</div>
<div class="hero-contents">
<img src="./images/landing.png" alt="" />
<h3>Landing Pages</h3>
<p>
Landing pages are great tool for conversions. We can design nice
landing pages that increase your conversion rate and maximize your
revenue.
</p>
</div>
<div class="hero-contents">
<img src="./images/mobile.png" alt="" />
<h3>Mobile UI</h3>
<p>
Mobile apps are now a must for most of businesses. We can design
mobile apps that your user will fall in love with.
</p>
</div>
<div class="hero-contents">
<img src="./images/digital.png" alt="" />
<h3>Digital ads</h3>
<p>
We can help you with the designing the ads which will really convert
and urge people to click your ad to see more.
</p>
</div>
<div class="hero-contents">
<img src="./images/branding.png" alt="" />
<h3>Branding</h3>
<p>
Branding is most important part of lifecycle of your product. We can
help you setting up proper branding for your product.
</p>
</div>
<div class="hero-contents">
<img src="./images/pitch.png" alt="" />
<h3>Pitchdecks</h3>
<p>
Well designed pitchdecks can help you win the heart of investors. We
can help you with design for heart winning pitchdecks.
</p>
</div>
</div>
<!-- hero section two -->
<section>
<div class="hero-two-first">
<p>
There are an estimated 20 million eCommerce sites across the entire
globe, with more and more being created every single day. Did you know
that 99% of them won’t make any profit? We’ve have helped many to be
in the other 1%.
<span id="wchy">We can help you.</span>
</p>
</div>
<div class="hero-two-second">
<div id="sky-blue" class="hero-two-second-content">
<img src="./images/club.png" alt="" />
<h3>Clickfunnels Two Comma Club Award Winner</h3>
<p>
There are over 100,000+ active ClickFunnels users. I’m in an
exclusive club of only 728 winners that have earned this award.
</p>
</div>
<div id="pink" class="hero-two-second-content">
<img id="dribble" src="./images/dribble.svg" alt="" />
<h3>We are in Top 20 Design Team on Dribbble</h3>
<p>
We are in top 20 popular teams on dribbble because we bring in new
ideas and design to the community. Our designs are loved by
professional designers.
</p>
</div>
</div>
<div class="hero-two-third">
<div class="hero-two-third-left">
<h2>Work Inquiry</h2>
<p>Let’s work together and build something awesome!</p>
</div>
<div class="hero-two-third-right">Schedule a call</div>
</div>
</section>
<section class="hero-three">
<div class="hero-three-first">
<div class="image">
<img src="./images/red box.png" alt="" />
</div>
<div class="three-contents">
<h2>
“Originally, creative & with and innate understand of their client’s
need. These people are always a pleasure to work!”
</h2>
<div class="paragraphs">
<p>Christopher Lopez</p>
<p id="cm">CMO at RLINK</p>
</div>
</div>
</div>
<div class="hero-three-logos">
<div class="logos">
<img src="./images/rever.svg" alt="" />
<img src="./images/clearsight.svg" alt="" />
<img src="./images/maverick.svg" alt="" />
<img src="./images/runk.svg" alt="" />
</div>
</div>
</section>
<section class="hero-four">
<div class="work">
<h2>Work</h2>
<p>
Award-winning designs for real clients. (Logos and Text Changed In the
Designs)
</p>
</div>
<div class="projects">
<img src="./images/p1.png" alt="" />
<img src="./images/p2.png" alt="" />
<img src="./images/p3.png" alt="" />
<img src="./images/p4.png" alt="" />
<img src="./images/p5.png" alt="" />
<img src="./images/p6.png" alt="" />
<img src="./images/p7.png" alt="" />
<img src="./images/p8.png" alt="" />
</div>
<div class="hero-four-btn">View All Work</div>
</section>
<footer>
<div class="sub-footer-section">
<h1>Let’s Work Together.</h1>
<p>
We love to meet up with you to discuss your venture, and potential
collaborations.
</p>
<div class="sub-footer-icons">
<div class="mail">
<img src="./images/mail.svg" alt="" />[email protected]
</div>
<div class="address">
<img src="./images/address.svg" alt="" />P2-09, Jeff Heights, Main
Blvd, Gulberg, Lahore
</div>
<div class="mobile">
<img src="./images/mobile.svg" alt="" />0092-300-8489895
</div>
</div>
<div class="social-media-links">
<a href="">
<div class="twitter">
<img src="./images/twitter.svg" alt="" /> twitter
</div>
</a>
<a href="">
<div class="instagram">
<img src="./images/insta.svg" alt="" />
instagram
</div>
</a>
<a href="">
<div class="dribble">
<img src="./images/dribble.svg" alt="" />
dribble
</div>
</a>
<a href="">
<div class="skype">
<img src="./images/skype.svg" alt="" />
skype
</div>
</a>
</div>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>