WordStream-HTML-CSS-Practice/wordstream.html at master · gregghanano/WordStream-HTML-CSS-Practice · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Wordstream</title>
		<meta name="description" content = "Wordstream is a css project for Coding Dojo"/>
		<link rel="stylesheet" href="wordstream.css">
	</head>
	<body>
		<div class = "container">
			<div class = "header">
				<div class="image-left">
					<img src="http://i.imgur.com/WYcAX6J.png" alt="Logo">
				</div>
				<nav>
					<ul>
						<li>Products</li>
						<li>Learn SEM</li>
						<li>Blog</li>
						<li>Support</li>
						<li>Adwords Grader</li>
					</ul>
				</nav>
				<button>Login</button>
			</div>
			<div class="sub-title">
				<h2>WordStream Internet Marketing Software</h2>
			</div>
			<div class="white-space">
				<img src="http://i.imgur.com/Iw8xrSp.png" alt="Phone Number">
			</div>
			<div class = "left-top-ad">
				<h3>WordStream PPC</h3>
				<h4>Drive More Profits Through PPC!</h4>
				<p>Get Started with <a href="wordstream.com" target="_blank">WordStream</a>'s Poweful PPC Platform Today</p>
				<div class="demo-button">
					<h3>SCHEDULE DEMO</h3>
				</div>
				<div class="trial-button">
					<h3>FREE TRIAL</h3>
				</div>
				<p class="credit-card">(No Credit Card Required)</p>
				<hr/>
				<div class="left-bottom-ad">
					<h4>How does your AdWords performance measure up?</h4>
					<p>Get a free, instant report with the WordStream AdWords Performance Grader</p>
					<button>Get Graded Today >>></button>
				</div>
			</div>
			<div class="body">
				<h2>PPC - Achieve More Efficient Pay-Per Click (PPC) Marketing</h2>
				<p><span>PPC</span> (<a href="" target="_blank">pay-per click</a>) search marketing software offers a means for accomplishing two core requirements for PPC optimization:
					<ul>
						<li>
							<span>PPC Automation</span> - While it would be impoosible(and inadvisable!) to automate every aspect of <a href="" target="_blank">pay-per-click advertising</a>, automating away redundant, time-consuming tasks affords you a means of increasing productivity. Often, this means being able to produce an amount of work that would otherwise have been unachievable for you and your business.
						</li>
						<li>
							<span>PPC Management</span> - <a href="" target="_blank">PPC management</a> refers to the maintenance and prioritization of <a href="" target="_blank">paid search</a> marketing tasks. Being able to oversee various aspects of your account while assigning each item on a seemingly endless to-do list an appropriate value can make or break an <a href="" target="_blank">online ad campaign</a>.
						</li>
					</ul>
				<p>WordStream's <a href="" target="_blank">PPC software</a> is specifically designed to aid in these two <a href="" target="_blank">PPC search engine</a> marketing areas. This page will show you both the processes the software is automating for you, and the best course of action to take where workflow is concerned.</p>
				<div class="mid-body-cta">
					<div class="hand-flag">
						<img src="http://i.imgur.com/LvpV2pt.png" alt="Hand Flag">
					</div>
					<div class="cta-content">
						<h2>Drive More Profits Through PPC - Try Our Platform FREE</h2>
						<p>Get instant access to WordStream's innovative <span>Quality Score</span> and <span>Account Management</span> tools through our <span>FREE 7-day Trial</span>. Risk Free, No Credit Card Required and No Automatic Sign-ups.</p>
						<button>Get Started Today!</button>
					</div>
				</div>
				<h3>Automation And Your PPC Search Campaign</h3>
				<p>Creating an effective <a href="" target="_blank">AdWords campaign</a> for search requires a mass of time and effort. WordStream is built to help productize <a href="" target="_blank">pay-per-click campaign</a> labor while recognizing that only certain tasks should be automated for you. Rather than being a...</p>
			</div>
		</div>
	</body>
</html>