-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (115 loc) · 6.26 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
<!-- Declaration of the HTML version (HTML5 and beyond) for the purpose of ensuring that the page is parsed in the same way by different browsers -->
<!DOCTYPE html>
<!-- Language in which the page is written -->
<html lang="en-us">
<!-- Machine-readable information about accessibility, search engines, and performance -->
<head>
<!-- This character set allows you to add special characters directly into HTML without their HTML codes (entities) -->
<meta charset="UTF-8" />
<!-- The http-equiv attribute binds the element to an HTTP response header and
the content attribute chooses the version of Internet Explorer in which the page will be rendered as -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Controls the size of the viewport and the zoom level when the page is first loaded -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Describes the page's purpose -->
<title> BroadenWay - Social Marketing Solution </title>
<!-- The rel attribute defines the relationship defined by the link -->
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<!-- Contains the content that is shown to the user -->
<body>
<!-- Contains introductory contents of the page, such as logo and navigation bar-->
<header>
<!-- Span added for styling purpose -->
<h1>Broad<span class="en">en</span>Way</h1>
<nav>
<!--The href attribute creates a link to the article ids using the "#" -->
<a href="#search-engine-optimization">Search Engine Optimization</a>
<a href="#online-reputation-management">Online Reputation Management</a>
<a href="#social-media-marketing">Social Media Marketing</a>
</nav>
</header>
<!-- Main topic of the website -->
<main>
<!-- Self-contained content -->
<figure>
<!-- Added the descriptive alt attributes in case the image cannot be displayed by the user and also to improve search engine rankings -->
<img src="./assets/images/digital-marketing-meeting.jpg" alt="group working together" />
</figure>
<section>
<!-- Each section should include a heading for identification and is useful for assistive technology users.
The class attribute was added to not affect the visual output -->
<h2 class="hidden">Description of services offered by BroadenWay</h2>
<!-- The id attribute has been added to link the nav to its related article -->
<article id="search-engine-optimization">
<!-- The class attribute was added for positioning -->
<img src="./assets/images/search-engine-optimization.jpg" class="float-left"
alt="a laptop, coffee, magnifying glass, pens and notebook on a wooden table" />
<!-- Every article should include a heading for identification -->
<h2>Search Engine Optimization</h2>
<p>
The dominance of mobile internet use means that users are searching for the right business as they
travel, shop, or sit on their couch at home. Search Engine Optimization (SEO) allows you to increase
your visibility and find the right customers for your business.
</p>
</article>
<article id="online-reputation-management">
<img src="./assets/images/online-reputation-management.jpg" class="float-right"
alt="a person holding a smartphone and typing on a laptop" />
<h2>Online Reputation Management</h2>
<p>
The web is full of opinions, and some of these can be negative. Social media allows anyone with an
internet connection to say whatever they want about your business. Online Reputation Management
gives
you the control over what potential customers see when they search for your business.
</p>
</article>
<article id="social-media-marketing">
<img src="./assets/images/social-media-marketing.jpg" class="float-left"
alt="a wooden table with several people using their respective electronics" />
<h2>Social Media Marketing</h2>
<p>
Social media continues to have a sizable influence on buying habits. Social media marketing helps
you
determine which platforms are suited to your brand, using analytics to find the right markets and
increase your lead generation.
</p>
</article>
</section>
<!-- Sidebar -->
<aside>
<h3>Lead Generation</h3>
<img src="./assets/images/lead-generation.png" alt="a funnel with money symbol below and a ratchet above" />
<p>
Inbound strategies for lead generation require less work for your business, bringing customers
directly
to your website.
</p>
<h3>Brand Awareness</h3>
<img src="./assets/images/brand-awareness.png"
alt="a lamp with a sound effect on the sides that resembles the image of a man in a suit" />
<p>
Users find your business through paid and organic searches, increasing the search ranking and
visibility
for your business.
</p>
<h3>Cost Management</h3>
<img src="./assets/images/cost-management.png" alt="a ratchet and circles with money symbol on it" />
<p>
As the search ranking for your business increases, your advertising costs decrease, and you no
longer
need to advertise your page.
</p>
</aside>
</main>
<!-- Contains information about authorship and copyright -->
<footer>
<!-- Changed to h3 to follow sequential order -->
<h3>Made with ❤️️ by BroadenWay</h3>
<p>
<!-- All HTML entities begin with an ampersand (&) -->
© 2019 BroadenWay Social Marketing Solution, Inc.
</p>
</footer>
</body>
</html>