Code-Refactoring/index.html at main · Bcott93/Code-Refactoring · 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
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
<!DOCTYPE html>
<html lang="en-gb">

<head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="assets/css/style.css">
    <title>Horiseon SEO</title>
</head>

<body>
<!--Added Main-->
<!--Added header and changed the class to an ID as it is individual-->
<!--Added Nav-->
<!--Removed and relabelled multiple <div>-->
    <main>
    <Header id="header">
        <h1>Hori<span class="seo">seo</span>n</h1>
        <nav>
            <ul>
                <li>
                    <a href="#search-engine-optimization">Search Engine Optimization</a>
                </li>
                <li>
                    <a href="#online-reputation-management">Online Reputation Management</a>
                </li>
                <li>
                    <a href="#social-media-marketing">Social Media Marketing</a>
                </li>
            </ul>

        </nav>
    </Header>

 <figure>
<!-- Added figure, and moved the img link into the HTML -->
    <img src="assets/images/digital-marketing-meeting.jpg" alt="" class="hero">
</figure>


<article class="content">
<!--Added article, renamed the classes to be more easily decypherable -->
<!--Added sections and optimized the CSS by moving all of the sections to the same class -->
<!--Removed the ID tags as they were irrelevant -->
<!--Added/Corrected the alt text to be relevant-->
        <section class="content-sub">
            <img src="assets/images/search-engine-optimization.jpg" id="search-engine-optimization" alt="Notebook with buzzwords on how to effectively optimize SEO" class="float-left" />
            <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>
        </section>

        <section class="content-sub">
            <img src="assets/images/online-reputation-management.jpg" id="online-reputation-management" alt="Laptop showing an upward trending reputation graph" class="float-right" />
            <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>
        </section>

        <section class="content-sub">
            <img src="assets/images/social-media-marketing.jpg" id="social-media-marketing" alt="A desk with various social media icons" class="float-left" />
            <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>
        </section>
    </article>

    <aside class="benefits">
<!--Added aside, renamed the classes to be more easily decypherable -->
<!--Added sections and optimized the CSS by moving all of the sections to the same class -->
<!--Added/Corrected the alt text to be relevant-->

        <section class="benefits-sub">
            <h3>Lead Generation</h3>
            <img src="assets/images/lead-generation.png" alt="Ideas being filtered into dollars" />
            <p>
                Inbound strategies for lead generation require less work for your business, bringing customers directly to your website.
            </p>
        </section>
        <section class="benefits-sub">
            <h3>Brand Awareness</h3>
            <img src="assets/images/brand-awareness.png" alt="A lightbulb wearing a suit and tie"/>
            <p>
                Users find your business through paid and organic searches, increasing the search ranking and visibility for your business.
            </p>
        </section>
        <section class="benefits-sub">
            <h3>Cost Management</h3>
            <img src="assets/images/cost-management.png" alt="A cog with different sizes of dollar signs" />
            <p>
                As the search ranking for your business increases, your advertising costs decrease, and you no longer need to advertise your page.
            </p>
        </section>
    </aside>
</main>

<footer class="footer">
<!--Added Footer-->
<!--Amended the H2 to H4-->
    <h4>Made with ❤️️ by Horiseon</h4>
    <p>
        &copy; 2019 Horiseon Social Solution Services, Inc.
    </p>
</footer>

</body>
</html>