Can anyone help me resolve the three errors within my HTML code?

HTML-CSS
1

Hi, can anyone help me resolve these three errors within my code?

The error that is being outputted is that “special characteristics must be escaped : [<]” this is for the first line.

The error that is being outputted is that “special characteristics must be escaped : [>]” this is for the second line.

<div class="skillbar-title" style="background: #2A4494;"><span>WordPress & Photoshop</span>/div>
  <div class="skillbar-bar" style="background: #2A4494;"></div>

Lastly, error “tag must be paired, no start tag []”

 <section id="portfolio" class "bg-dark">
        <!-- Page Heading -->
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto text-center">
                    <h2 class="section-heading text-white">Gallary</h2>
                    <hr class="light">
                    <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
                </div>
            </div>
            <div class="row img-fluid">
                <div class="col-lg-6 portfolio-item">
                    <div class="card h-100">
                        <a href="#"><img class="card-img-top" src="https://static.pexels.com/photos/261045/pexels-photo-261045.jpeg" alt="" height="300"></a>
                        <div class="card-body">
                            <h4 class="card-title text-center">
                                <a href="#">Project One</a>
                            </h4>
                            <p class="card-text text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque
                                urna varius vitae.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 portfolio-item">
                    <div class="card h-100">
                        <a href="#"><img class="card-img-top" src="https://static.pexels.com/photos/261045/pexels-photo-261045.jpeg" alt="" height="300"></a>
                        <div class="card-body">
                            <h4 class="card-title text-center">
                                <a href="#">Project Two</a>
                            </h4>
                            <p class="card-text text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque. Non magni, voluptates quae, necessitatibus unde temporibus.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 portfolio-item">
                    <div class="card h-100">
                        <a href="#"><img class="card-img-top" src="https://static.pexels.com/photos/261045/pexels-photo-261045.jpeg" alt="" height="300"></a>
                        <div class="card-body">
                            <h4 class="card-title text-center">
                                <a href="#">Project Three</a>
                            </h4>
                            <p class="card-text text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 portfolio-item">
                    <div class="card h-100">
                        <a href="#"><img class="card-img-top" src="https://static.pexels.com/photos/261045/pexels-photo-261045.jpeg" alt="" height="300"></a>
                        <div class="card-body">
                            <h4 class="card-title text-center">
                                <a href="#">Project Four</a>
                            </h4>
                            <p class="card-text text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque. Non magni, voluptates quae, necessitatibus unde temporibus.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 portfolio-item">
                    <div class="card h-100">
                        <a href="#"><img class="card-img-top" src="https://static.pexels.com/photos/261045/pexels-photo-261045.jpeg" alt="" height="300"></a>
                        <div class="card-body">
                            <h4 class="card-title text-center">
                                <a href="#">Project Five</a>
                            </h4>
                            <p class="card-text text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 portfolio-item">
                    <div class="card h-100">
                        <a href="#"><img class="card-img-top" src="https://static.pexels.com/photos/261045/pexels-photo-261045.jpeg" alt="" height="300"></a>
                        <div class="card-body">
                            <h4 class="card-title text-center">
                                <a href="#">Project Six</a>
                            </h4>
                            <p class="card-text text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque. Non magni, voluptates quae, necessitatibus unde temporibus.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
2

In the first row the last DIV is not properly closed.

It should be like

<div class=“skillbar-title” style=“background: #2A4494;”><span>WordPress & Photoshop</span></div>

In the second piece of code, in the first line the class attribute is missing an “=” symbol, it should be like:

<section id="portfolio" class="bg-dark">

1 Like
3

Thanks for the post much appreciated.