-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (118 loc) · 10.7 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
<!DOCTYPE html>
<html lang="en-us">
<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">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Horiseon - How Search Engine Optimization Can Help Your Business Thrive Online</title>
</head>
<body>
<!-- navigation -->
<header class="header">
<a href="https://github.com/jwilferd10/Horiseon-Refactor-Challenge" class="noStyle noTextDecor" target="_blank">
<h1>Hori<span class="seo">seo</span>n</h1>
</a>
<nav>
<ul>
<li><a href="#search-engine-optimization" class="hoverEffect">Search Engine Optimization</a></li>
<li><a href="#online-reputation-management" class="hoverEffect">Online Reputation Management</a></li>
<li><a href="#social-media-marketing" class="hoverEffect">Social Media Marketing</a></li>
</ul>
</nav>
</header>
<!-- hero/jumbotron -->
<section class="hero">
<div id="hero-card" class="br-1">
<h2 class="text-center font-italic pb-2">Achieve <span class="green">success</span>, let <span class="underline">Horiseon</span> help guide the way.</h2>
<h3 class="text-center pb-2">Did you know?</h3>
<p class="text-center pb-2">
The top three Google search results capture <span class="font-bold underline">75%</span> of clicks? Having a solid SEO strategy is crucial for improving visibility and attracting organic traffic. Optimize <span class="font-italic">your</span> <span class="font-bold">content</span>, target <span class="font-bold">keywords</span>, and enhance <span class="font-bold">user experience</span> to boost search rankings and <span class="font-bold font-italic underline">stay ahead</span> online.
</p>
</div>
</section>
<!-- content -->
<main>
<section class="content">
<!-- Search Engine Optimization Info -->
<div id="search-engine-optimization" class="search-engine-optimization box-shadow br-5">
<img src="./assets/images/search-engine-optimization.jpg" alt="Wooden table containing a cup of coffee, a laptop, writing tools, and a notebook with SEO written inside a cloud." class="float-left br-1 img-shadow imgStyle" loading="lazy" />
<h2 class="">Search Engine Optimization (SEO)</h2>
<h3 class="pb-1 "> The practice of optimizing...</h3>
<p class="pb-2 ">
your website to improve its visibility on search engine results pages (SERPs). With the dominance of mobile internet usage, users now search for businesses while on the go or from the comfort of their homes.
SEO allows you to increase your website's visibility and connect with the right customers who are actively searching for products or services related to your business.
By implementing effective SEO strategies, such as optimizing your website structure, using relevant keywords, creating high-quality content, and enhancing user experience, you can improve your website's rankings and attract organic traffic.
</p>
<h3 class="pb-1 ">In today's mobile-dominated world...</h3>
<p class="pb-2 ">
SEO is essential for businesses looking to succeed online. By investing in SEO, you can establish a strong online presence, increase your chances of appearing prominently in search results, and reach potential customers who are actively seeking what you offer. With continuous monitoring and optimization, SEO helps you stay competitive and maximize your visibility in search engine rankings.
Overall, SEO is a crucial component of a digital marketing strategy, enabling you to increase visibility, attract targeted traffic, and convert visitors into customers.
</p>
<a href="https://developers.google.com/search/docs/fundamentals/seo-starter-guide" class="noStyle hoverEffect " target="_blank">Learn More...</a>
</div>
<!-- Online Reputation Management Info -->
<div id="online-reputation-management" class="online-reputation-management box-shadow br-5">
<img src="./assets/images/online-reputation-management.jpg" alt="Person sitting in front of laptop showing a chart of rising reputation" class="float-right br-1 img-shadow imgStyle" loading="lazy" />
<h2 class="">Online Reputation Management (ORM)</h2>
<h3 class="pb-1 ">Crucial in today's digital world... </h3>
<p class="pb-2 ">
where negative opinions can spread rapidly. Social media allows anyone to express their thoughts about your business, making it essential to have control over what potential customers see when they search for your brand.
ORM empowers you to shape your online reputation by monitoring and responding to reviews, social media mentions, and user-generated content. By actively managing your online reputation, you can address negative feedback, showcase your commitment to customer satisfaction, and build trust and credibility.
With an effective ORM strategy, you can safeguard your brand's image, mitigate reputational risks, and establish a positive perception that attracts and retains customers.
</p>
<h3 class="pb-1 ">In the competitive digital landscape... </h3>
<p class="pb-2 ">
where online information and reviews heavily influence consumer decisions, ORM is essential for business success. It allows you to control the narrative surrounding your brand, influence what potential customers encounter, and cultivate a positive online presence.
By actively managing your online reputation, you can establish trust, credibility, and a strong brand image that resonates with your target audience. A well-executed ORM strategy ensures that your business maintains a favorable online reputation, ultimately driving growth and success.
</p>
<a href="https://www.semrush.com/blog/online-reputation-management/" class="noStyle hoverEffect " target="_blank">Learn More...</a>
</div>
<!-- Social Media Marketing Info -->
<div id="social-media-marketing" class="social-media-marketing box-shadow br-5">
<img src="./assets/images/social-media-marketing.jpg" alt="Team sitting around table working, giving ideas to one another" class="float-left br-1 img-shadow imgStyle" loading="lazy" />
<h2 class="">Social Media Marketing (SMM)</h2>
<h3 class="pb-1 ">Capitalizes on...</h3>
<p class="pb-2 ">
The significant influence of social media platforms on consumer purchasing behaviors.
It helps businesses identify the most suitable platforms for their brand, utilize analytics to target the right markets, and boost lead generation. By leveraging SMM, businesses can connect with their target audience, drive engagement, and achieve tangible results.
</p>
<h3 class="pb-1 ">SMM offers the advantage of...</h3>
<p class="pb-2 ">
Data-driven insights through analytics. By analyzing metrics, businesses gain a deeper understanding of their audience, allowing them to make informed decisions about resource allocation and marketing focus.
Through strategic content creation, targeted advertising, and community management, SMM enables businesses to establish a strong online presence, foster connections, and shape consumer behavior.
</p>
<h3 class="pb-1 ">In summary,</h3>
<p class="pb-2 ">Social Media Marketing provides businesses with a powerful approach to tap into the influence of social media. By utilizing analytics, businesses can identify the ideal platforms, engage their target markets effectively, and drive lead generation.
SMM's ability to facilitate direct engagement and deliver data-driven insights has made it an integral part of modern marketing strategies.
</p>
<a href="https://www.investopedia.com/terms/s/social-media-marketing-smm.asp" class="noStyle hoverEffect " target="_blank">Learn More...</a>
</div>
</section>
<!-- benefits -->
<section class="benefits box-shadow br-5">
<div class="benefit-lead">
<h3>Lead Generation</h3>
<img src="./assets/images/lead-generation.png" alt="Cog lowering into a funnel and coming out as money" class="benefitsFilter-1" loading="lazy"/>
<p>Inbound strategies for lead generation bring customers directly to your website, reducing the effort required to reach prospects and increasing the chances of capturing qualified leads.</p>
</div>
<div class="benefit-brand">
<h3>Brand Awareness</h3>
<img src="./assets/images/brand-awareness.png" alt="Light bulb on top of head to indicate an idea" class="benefitsFilter-2" loading="lazy" />
<p>Paid and organic searches facilitated by search engine optimization (SEO) boost your business's visibility and credibility, making it easier for users to discover and engage with your brand.</p>
</div>
<div class="benefit-cost">
<h3>Cost Management</h3>
<img src="./assets/images/cost-management.png" alt="Cog surrounded by money symbols" class="benefitsFilter-3" loading="lazy" />
<p>Improved search rankings through SEO can lead to reduced advertising costs and decreased reliance on ongoing advertising efforts, allowing for more efficient cost management.</p>
</div>
</section>
</main>
<!-- footer -->
<footer class="footer">
<h2>Made with ❤️️ by Horiseon</h2>
<p class="pb-1">© 2023 Horiseon Social Solution Services, Inc.</p>
<p>Updated by <a href="https://github.com/jwilferd10" class="noStyle" target="_blank">Jonathan Wilferd</a></p>
</footer>
</body>
</html>