-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (169 loc) · 8.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bloodline-Professional Website Design Services</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="extra css/extra.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<header class="header-area">
<div class="name-area">
<div class="site-name">
<h1><a href="#">Bloodline.com</a></h1>
</div>
<div class="livechat">
<div class="login-area">
<p>Contact: <a href="#">01910633227</a></p>
<ul>
<li><a href="#">Customer Login </a> |</li>
<li><a href="#">Support </a> |</li>
<li><a href="#">Affiliates</a></li>
</ul>
</div>
<div class="png">
<img src="livechat.png" alt="">
</div>
</div>
</div>
<div class="not">
<div class="notice">
<h1>NOTICE:</h1>
<marquee loop="-10"scrollamount="4" width="100%">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</marquee>
</div>
</div>
<nav class="navbar">
<ul>
<li><a href="#">Web Hosting</a></li>
<li><a href="#">Website Builder </a></li>
<li><a href="#">WordPress Hosting</a></li>
<li><a href="#">VPS </a></li>
<li><a href="#">Dedicated</a></li>
<li><a href="#">Domains </a></li>
</ul>
</nav>
</header>
<section class="midle-area">
<div class="image">
<div class="title">
<h2>WordPress Devoloper</h2>
</div>
<div class="title2">
<p>Impress Potential Clients With A Site Designed By motin!</p>
</div>
<div class="list">
<ul>
<li><a href="#">Professional, Mobile-friendly Website Design</a></li>
<li><a href="#">Increased Search Ranking in Google and Major Search Engines</a></li>
<li><a href="#">Monthly Campaign Review with a Dedicated Account Manager</a></li>
</ul>
</div>
<div class="button">
<a href="#"><input type="button" value="Custom Design Your Website"></a>
</div>
</div>
<article class="all-png">
<div class="first">
<img src="web.png" alt="png">
<h3>How Important Is A Professional Website Design?</h3>
<p>
You never get a second chance to make a first impression.
A professionally-designed website is paramount in today’s
world to ensure that positive first impression for your customers.
Our website development services will take your business to the next level.
HostGator specializes in website design and hosting services so you can
spend more time focusing on your business rather than your website.
Let our team of experts take the guesswork out of creating the perfect
website for you. <br><br> A custom website design ensures that your
business is shown in the best possible light, and helps turn potential
customers into repeat customers. HostGator can help with your website design
and development, no matter what industry you are in.
</p>
</div>
<div class="second">
<h4>What's Included in HostGator's Web Design Services?</h4>
<img src="web2.png" alt="png">
<h5> Professional Full Service Website Design</h5>
<ul>
<li><a href="#">Premium templates and design ensure professional look for your brand</a></li>
<li><a href="#">Up to 3 pages of SEO-friendly content designed exclusively for your website</a></li>
<li><a href="#">Up to 3 pages of SEO-friendly content designed exclusively for your website</a></li>
</ul>
</div>
<div class="third">
<h1>Your Personal Team of Experts</h1>
<ul>
<li><a href="#">An SEO expert will work with you to strategize for maximum traffic to your new website </a></li>
<li><a href="#">Monthly phone calls with your account manager to review marketing campaign performance</a></li>
<li><a href="#">Comprehensive one-on-one training to ensure that you can make any future updates yourself</a></li>
</ul>
<img src="web3.png" alt="png">
</div>
<div class="fourth">
<img src="web4.png" alt="">
<h1>Seamless eCommerce Integration</h1>
<ul>
<li><a href="#">Build your online store up to 10 product pages with our e-commerce website design services</a></li>
<li><a href="#">Payment processing and shipping solutions through OpenCart</a></li>
<li><a href="#">Promote your products with a fully functional online web store</a></li>
</ul>
</div>
<div class="fifth">
<h1>Why Use HostGator Web Design Services?</h1>
<p>Not everyone can be a professional web designer, but anyone can have a
professional website with HostGator's affordable Web Design Services.
Within just a few weeks, our professional team of web design experts will
deliver a complete website that you'll own and control yourself. HostGator has
been a trusted name in the web industry since 2002. Let us give you a modern
website that looks good on any device and makes your customers want to work with
you!</p>
<img src="web5.png" alt="png">
</div>
<div class="step">
<h1>How To Get Started</h1>
<div class="step-area">
<div class="step1">
<img src="icon.png" alt="icon">
<h2>Step 1: Contact Us</h2>
<p>Call us today to set up your free design review.
Tell us <br> about your business and website goals.</p>
</div>
<div class="step2">
<img src="icon2.png" alt="icon">
<h2>Step 2: Meet Your Team</h2>
<p>Your dedicated Design Coordinator will begin
working to <br> ensure your new website is the Perfect fit for your <br> needs.</p>
</div>
<div class="step3">
<img src="icon3.png" alt="png">
<h2>Step 3: Launch Your Website</h2>
<p>After final revisions are completed, your new website <br> will be made
live for the whole world To see. Take a <br> moment to enjoy it!</p>
</div>
</div>
</div>
<div class="last">
<img src="web6.png" alt="png">
<h3>Your Website Deserves Great Design!</h3>
<p>A professionally-designed website is key to the online success of your business.
Impress your clients with a <br>
fantastic website!</p>
</div>
</article>
<div class="last2">
<h1>Experience Great Web Design Today!</h1>
<input type="button" value="Contact An Expert!">
</div>
</section>
</body>
</html>