Error code

LAGIER pro asked 3 years ago

**Just for your information and small correction of the code. In the Shop-Template Pack, model Homepage - v4.html

The closing tag is missing before closing the Have a good day Expected behavior**

Actual behavior

Resources (screenshots, code snippets etc.)

        <!--Grid row-->
        <div class="row">

          <!--Grid column-->
          <div class="col-lg-4 col-md-12">

            <!-- Section: Categories -->
            <section class="section mb-5">

              <h4 class="font-weight-bold"><strong>CATEGORIES</strong></h4>
              <hr class="red">

              <ul class="list-group z-depth-1 mt-4">
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Business</a>
                  <span class="badge badge-danger badge-pill">14</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Entertainment</a>
                  <span class="badge badge-danger badge-pill">12</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Health</a>
                  <span class="badge badge-danger badge-pill">10</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Lifestyle</a>
                  <span class="badge badge-danger badge-pill">23</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Photography</a>
                  <span class="badge badge-danger badge-pill">12</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Technology</a>
                  <span class="badge badge-danger badge-pill">24</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Sport</a>
                  <span class="badge badge-danger badge-pill">15</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Culinary</a>
                  <span class="badge badge-danger badge-pill">12</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  <a>Travel</a>
                  <span class="badge badge-danger badge-pill">5</span>
                </li>
              </ul>
            </section>
            <!-- Section: Categories -->

          </div>
          <!--Grid column-->

          <!--Grid column-->
          <div class="col-lg-4 col-md-12 mb-4">

            <h4 class="font-weight-bold"><strong>POPULAR POSTS</strong></h4>
            <hr class="red mb-4">

            <!--Carousel Wrapper-->
            <div id="carousel-example-2" class="carousel slide carousel-fade z-depth-1" data-ride="carousel">
              <!--Indicators-->
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-2" data-slide-to="1"></li>
                <li data-target="#carousel-example-2" data-slide-to="2"></li>
              </ol>
              <!--/.Indicators-->
              <!--Slides-->
              <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                  <div class="view">
                    <img class="d-block w-100" src="https://mdbcdn.b-cdn.net/img/Photos/Others/square/24.jpg" alt="First slide">
                    <div class="mask rgba-black-light"></div>
                  </div>
                  <div class="carousel-caption">
                    <h3 class="h3-responsive font-weight-bold">This is news</h3>
                    <p>First text</p>
                  </div>
                </div>
                <div class="carousel-item">
                  <!--Mask color-->
                  <div class="view">
                    <img class="d-block w-100" src="https://mdbcdn.b-cdn.net/img/Photos/Others/square/15.jpg" alt="Second slide">
                    <div class="mask rgba-black-light"></div>
                  </div>
                  <div class="carousel-caption">
                    <h3 class="h3-responsive font-weight-bold">This is news</h3>
                    <p>Secondary text</p>
                  </div>
                </div>
                <div class="carousel-item">
                  <!--Mask color-->
                  <div class="view">
                    <img class="d-block w-100" src="https://mdbcdn.b-cdn.net/img/Photos/Others/square/22.jpg" alt="Third slide">
                    <div class="mask rgba-black-light"></div>
                  </div>
                  <div class="carousel-caption">
                    <h3 class="h3-responsive font-weight-bold">This is news</h3>
                    <p>Third text</p>
                  </div>
                </div>
              </div>
              <!--/.Slides-->

              <!--Controls-->
              <a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
              <!--/.Controls-->
            </div>
            <!--/.Carousel Wrapper-->

          </div>
          <!--Grid column-->

          <!--Grid column-->
          <div class="col-xl-4 col-lg-4 col-md-12">

            <!-- Section: Advertisment -->
            <section class="section">

              <h6 class="grey-text text-center mb-3"><strong>- Advertisment -</strong></h6>

              <!--Jumbotron-->
              <div class="jumbotron text-center">

                <!--Title-->
                <h1 class="card-title h2-responsive mt-2"><strong>Material Design for Bootstrap</strong></h1>
                <!--Subtitle-->
                <p class="blue-text mb-4 mt-5 font-weight-bold">Powerful and free Material Design UI KIT</p>

                <!--Text-->
                <div class="d-flex justify-content-center">
                  <p class="card-text mb-1" style="max-width: 43rem;">Sed ut perspiciatis unde omnis iste natus sit
                    voluptatem accusantium doloremque
                    laudantium, totam rem.
                  </p>
                </div>

                <hr class="mt-4 mb-4">

                <button type="button" class="btn btn-primary btn-sm waves-effect">Buy now <span class="far fa-gem ml-1"></span></button>
                <button type="button" class="btn btn-outline-primary btn-sm waves-effect">Download <i class="fas fa-download ml-1"></i></button>

              </div>
              <!--Jumbotron-->

            </section>
            <!--/ Section: Advertisment -->


          </div>
          <!--Grid column-->


        </div>
        <!--Grid row-->

**


Marta Szymanska staff pro premium answered 3 years ago

Hi, we will fix that, thanks. Best, Marta


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.4
  • Device: code Template
  • Browser: IE
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No