How do I get my read more button to show more text when i click on it (javascript/css/html)?
<p>Below is the code for the homepage of a website I am trying to create. However, I cannot seem to get my "read more" button to show more text upon clicking it. I realize there are a few "READ MORE" buttons, but because I cannot get any of them to work, I am only concerned with the first Read More button that falls under the "Welcome to our Health Care Clinic" section for now.  I have tried to put an onclick button in different divisions within the section class called "starting text" but that has failed me. Whenever I click the Read More button, no text appears. If anyone can help me with my code, you'd be saving me and I would greatly appreciate it! </p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
     &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="shortcut icon" href="img/season-change.jpg" type="image/x-icon"&gt;
  &lt;title&gt;HealthCare&lt;/title&gt;

  
     &lt;link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css"&gt;
     &lt;!-- &lt;link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'&gt;
     &lt;link href='http://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,500,700' rel='stylesheet' type='text/css'&gt; --&gt;
     &lt;link href="http://fonts.googleapis.com/css?family=Roboto:400,300,500" rel="stylesheet" type="text/css"&gt;
     &lt;link href="http://fonts.googleapis.com/css?family=Dosis:300,400,500,600" rel="stylesheet" type="text/css"&gt;
     
     
  &lt;link rel="stylesheet" type="text/css" href="assets/css/animate.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/css/owl.theme.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/css/owl.transitions.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/css/main.css"&gt;
  &lt;link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300" rel="stylesheet" type="text/css"&gt;
 &lt;/head&gt;

 &lt;body&gt;
  &lt;section class="navs"&gt;
   &lt;nav class="navbar navbar-default navbar-fixed-top" role="navigation"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
        &lt;div class="navbar-header"&gt;
           &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
             &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
             &lt;span class="icon-bar"&gt;&lt;/span&gt;
             &lt;span class="icon-bar"&gt;&lt;/span&gt;
             &lt;span class="icon-bar"&gt;&lt;/span&gt;
           &lt;/button&gt;
           &lt;a class="navbar-brand logo" href="#"&gt;
            &lt;span&gt;&lt;i class="fa fa-wheelchair"&gt;&lt;/i&gt;&lt;/span&gt;
            Central United Medical Hospital
           &lt;/a&gt;
        &lt;/div&gt;
  
        &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
        &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
         &lt;ul class="nav navbar-nav navbar-right"&gt;
             &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="services.html"&gt;Services&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="doctors.html"&gt;Doctors&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="blog.html"&gt;Blog&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="faq.html"&gt;FAQs&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="contact.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/div&gt;&lt;!-- navbar-collapse --&gt;
    &lt;/div&gt;&lt;!-- container-fluid --&gt;
   &lt;/nav&gt;
  &lt;/section&gt;
  &lt;section class="heading-slider"&gt;
   &lt;div id="starting-slider" class="owl-carousel owl-theme" style="opacity: 1; display: block;"&gt;
 
      &lt;div class="owl-wrapper-outer"&gt;&lt;div class="owl-wrapper" style="width: 6366px; left: 0px; display: block; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translate3d(-1061px, 0px, 0px);"&gt;&lt;div class="owl-item" style="width: 1061px;"&gt;&lt;div class="item"&gt;
       &lt;div class="slider-1"&gt;
        &lt;div class="slider-inner"&gt;
         &lt;div class="container"&gt;
          &lt;div class="row"&gt;
           &lt;div class="slider-inner-text"&gt;
            &lt;h1&gt;We're Professional&lt;/h1&gt;
            &lt;p&gt;&lt;br&gt;Nicolas Cage Approves&lt;/p&gt;
           &lt;/div&gt; 
          &lt;/div&gt;
         &lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;&lt;/div&gt;&lt;div class="owl-item" style="width: 1061px;"&gt;&lt;div class="item"&gt;
       &lt;div class="slider-2"&gt;
        &lt;div class="slider-inner"&gt;
         &lt;div class="container"&gt;
          &lt;div class="row"&gt;
           &lt;div class="slider-inner-text"&gt;
            &lt;h1&gt;We're Caring&lt;/h1&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis illum dignissimos tempore ad, eos sint ullam &lt;/p&gt;
           &lt;/div&gt; 
          &lt;/div&gt;
         &lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;&lt;/div&gt;&lt;div class="owl-item" style="width: 1061px;"&gt;&lt;div class="item"&gt;
       &lt;div class="slider-3"&gt;
        &lt;div class="slider-inner"&gt;
         &lt;div class="container"&gt;
          &lt;div class="row"&gt;
           &lt;div class="slider-inner-text"&gt;
            &lt;h1&gt;We're Responsible&lt;/h1&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis illum dignissimos tempore ad, eos sint ullam &lt;/p&gt;
           &lt;/div&gt; 
          &lt;/div&gt;
         &lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      
      
    
   &lt;div class="owl-controls clickable"&gt;&lt;div class="owl-pagination"&gt;&lt;div class="owl-page"&gt;&lt;span class=""&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="owl-page active"&gt;&lt;span class=""&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="owl-page"&gt;&lt;span class=""&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/section&gt;

  &lt;section class="starting-text"&gt;
        &lt;div class="container"&gt;
         &lt;div class="row"&gt;
          &lt;div class="welcome"&gt;
            &lt;h2 class="welcome-title"&gt;Welcome To Our Health Care Clinic&lt;/h2&gt;
            &lt;p class="welcome-txt"&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. &lt;/p&gt;
            &lt;button class="welcome-btn"&gt;Read More&lt;/button&gt; 
           &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;


  &lt;section id="services"&gt;
   &lt;div class="container"&gt;
    &lt;div class="row"&gt;
     &lt;div class="col-lg-12 col-sm-12 col-xs-12"&gt;
      &lt;h2 class="headline text-center"&gt;
       Why Choose Us
      &lt;/h2&gt;
      &lt;p class="sub-headline text-center"&gt;
       Lorem ipsum dolor sit amet, consectetur
      &lt;/p&gt;
     &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;div class="row"&gt;
     &lt;div class="col-lg-4 col-sm-6 col-xs-12"&gt;
      &lt;div class="hservice"&gt;
       &lt;div class="service-img"&gt;
        &lt;img class="img-responsive center-block" src="assets/img/service1.jpg" alt=""&gt;
       &lt;/div&gt;
       &lt;div class="service-description text-center"&gt;
        &lt;h4 class="service-heading"&gt;Top Qualified Doctors&lt;/h4&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae nisi nostrum sunt cum, consequuntur asperiores, impedit voluptate eveniet modi quas omnis.&lt;/p&gt;
        &lt;a href="#" class="rm-btn btn btn-primary"&gt;
          Read More &lt;i class="fa fa-caret-right"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-lg-4 col-sm-6 col-xs-12"&gt;
      &lt;div class="hservice"&gt;
       &lt;div class="service-img"&gt;
        &lt;img class="img-responsive center-block" src="assets/img/service2.jpg" alt=""&gt;
       &lt;/div&gt;
       &lt;div class="service-description text-center"&gt;
        &lt;h4 class="service-heading"&gt;Online Q &amp;amp; A&lt;/h4&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio nulla necessitatibus adipisci consequatur explicabo provident officiis fugit. Nihil dolorem officiis.&lt;/p&gt;
        &lt;a href="#" class="rm-btn btn btn-primary"&gt;
          Read More &lt;i class="fa fa-caret-right"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-lg-4 col-sm-6 col-xs-12"&gt;
      &lt;div class="hservice"&gt;
       &lt;div class="service-img"&gt;
        &lt;img class="img-responsive center-block" src="assets/img/service3.jpg" alt=""&gt;
       &lt;/div&gt;
       &lt;div class="service-description text-center"&gt;
        &lt;h4 class="service-heading"&gt;Symptom Check&lt;/h4&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias ipsum natus, odio quae! Ratione tempora accusantium explicabo tenetur, porro numquam.&lt;/p&gt;
        &lt;a href="#" class="rm-btn btn btn-primary"&gt;
          Read More &lt;i class="fa fa-caret-right"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-lg-4 col-sm-6 col-xs-12"&gt;
      &lt;div class="hservice"&gt;
       &lt;div class="service-img"&gt;
        &lt;img class="img-responsive center-block" src="assets/img/service4.jpg" alt=""&gt;
       &lt;/div&gt;
       &lt;div class="service-description text-center"&gt;
        &lt;h4 class="service-heading"&gt;Competitive Pricing&lt;/h4&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias ipsum natus, odio quae! Ratione tempora accusantium explicabo tenetur, porro numquam.&lt;/p&gt;
        &lt;a href="#" class="rm-btn btn btn-primary"&gt;
          Read More &lt;i class="fa fa-caret-right"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-lg-4 col-sm-6 col-xs-12"&gt;
      &lt;div class="hservice"&gt;
       &lt;div class="service-img"&gt;
        &lt;img class="img-responsive center-block" src="assets/img/service5.jpg" alt=""&gt;
       &lt;/div&gt;
       &lt;div class="service-description text-center"&gt;
        &lt;h4 class="service-heading"&gt;Medical Counseling&lt;/h4&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae nisi nostrum sunt cum, consequuntur asperiores, impedit voluptate eveniet modi quas omnis.&lt;/p&gt;
        &lt;a href="#" class="rm-btn btn btn-primary"&gt;
          Read More &lt;i class="fa fa-caret-right"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-lg-4 col-sm-6 col-xs-12"&gt;
      &lt;div class="hservice"&gt;
       &lt;div class="service-img"&gt;
        &lt;img class="img-responsive center-block" src="assets/img/service6.jpg" alt=""&gt;
       &lt;/div&gt;
       &lt;div class="service-description text-center"&gt;
        &lt;h4 class="service-heading"&gt;Caring Staff&lt;/h4&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio nulla necessitatibus adipisci consequatur explicabo provident officiis fugit. Nihil dolorem officiis.&lt;/p&gt;
        &lt;a href="#" class="rm-btn btn btn-primary"&gt;
          Read More &lt;i class="fa fa-caret-right"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/section&gt;






  &lt;section id="testimonial" class="text-center"&gt;
   &lt;div class="testimonial-wrapper"&gt;
    &lt;div class="container"&gt;
        &lt;div class="row client-content text-center"&gt;
         &lt;div class="col-md-8"&gt;
          &lt;div class="row"&gt;
        &lt;h1&gt;Testimonial&lt;/h1&gt;
       &lt;/div&gt;
       &lt;div class="row"&gt;
        &lt;div class="sub-headline"&gt;
         &lt;p&gt;What Our Patients Say About Us&lt;/p&gt;
        &lt;/div&gt;
       &lt;/div&gt;
          
       &lt;div id="carousel-example-generic" class="carousel slide" data-ride="carousel"&gt;
    

         &lt;!-- Wrapper for slides --&gt;
         &lt;div class="carousel-inner" role="listbox"&gt;
           &lt;div class="item active left"&gt;
              &lt;div id="client-speech"&gt;
          &lt;div class="item"&gt;
           &lt;div class="row"&gt;
            &lt;div class="col-md-12"&gt;
             &lt;i class="fa fa-quote-left"&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div class="col-md-8 col-md-offset-2"&gt;
             &lt;p class="client-comment text-center"&gt;
              When you form a team, why do you try to form a team? Because teamwork builds trust and trust builds speed.
             &lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="col-md-12"&gt;
             &lt;i class="fa fa-quote-right"&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-6 col-xs-offset-3"&gt;
             &lt;img class="img-circle img-responsive center-block" src="assets/img/client3.jpg" alt="Image"&gt;
            &lt;/div&gt; 
           &lt;/div&gt;
           &lt;div class="row text-center"&gt;
            &lt;p class="client-name text-center"&gt;Julia Doe&lt;/p&gt;
           &lt;/div&gt;
          &lt;/div&gt;
         &lt;/div&gt;
           &lt;/div&gt;
          &lt;div class="item next left"&gt;
            &lt;div id="client-speech"&gt;
          &lt;div class="item"&gt;
           &lt;div class="row"&gt;
            &lt;div class="col-md-12"&gt;
             &lt;i class="fa fa-quote-left"&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div class="col-md-8 col-md-offset-2"&gt;
             &lt;p class="client-comment text-center"&gt;
              When you form a team, why do you try to form a team? Because teamwork builds trust and trust builds speed.
             &lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="col-md-12"&gt;
             &lt;i class="fa fa-quote-right"&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-6 col-xs-offset-3"&gt;
             &lt;img class="img-circle img-responsive center-block" src="assets/img/client1.jpg" alt="Image"&gt;
            &lt;/div&gt; 
           &lt;/div&gt;
           &lt;div class="row text-center"&gt;
            &lt;p class="client-name text-center"&gt;John Doe&lt;/p&gt;
           &lt;/div&gt;
          &lt;/div&gt;
         &lt;/div&gt;
           &lt;/div&gt;
           &lt;div class="item"&gt;
              &lt;div id="client-speech"&gt;
          &lt;div class="item"&gt;
           &lt;div class="row"&gt;
            &lt;div class="col-md-12"&gt;
             &lt;i class="fa fa-quote-left"&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div class="col-md-8 col-md-offset-2"&gt;
             &lt;p class="client-comment text-center"&gt;
              When you form a team, why do you try to form a team? Because teamwork builds trust and trust builds speed.
             &lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="col-md-12"&gt;
             &lt;i class="fa fa-quote-right"&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-6 col-xs-offset-3"&gt;
             &lt;img class="img-circle img-responsive center-block" src="assets/img/client4.jpg" alt="Image"&gt;
            &lt;/div&gt; 
           &lt;/div&gt;
           &lt;div class="row text-center"&gt;
            &lt;p class="client-name text-center"&gt;Jane Doe&lt;/p&gt;
           &lt;/div&gt;
          &lt;/div&gt;
         &lt;/div&gt;
           &lt;/div&gt;
         &lt;/div&gt;

          &lt;a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"&gt;
          &lt;i class="fa fa-angle-left fa-3x"&gt;&lt;/i&gt;
          &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
        &lt;/a&gt;
        &lt;a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"&gt;
          &lt;i class="fa fa-angle-right fa-3x"&gt;&lt;/i&gt;
          &lt;span class="sr-only"&gt;Next&lt;/span&gt;
        &lt;/a&gt;
      &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="col-md-4"&gt;
          &lt;div class="appointment"&gt;
       
                       &lt;div class="header text-center"&gt;
                           &lt;h2&gt;Make an Appointment&lt;/h2&gt;
                           &lt;a href="#" class="number"&gt;
                            &lt;i class="fa fa-phone fa-fw"&gt;&lt;/i&gt;
          1-800-123-4567
                           &lt;/a&gt;
                           &lt;span class="or"&gt;OR&lt;/span&gt;
                       &lt;/div&gt;

        &lt;!-- form of appointment --&gt;
        &lt;div class="row"&gt;
         &lt;form method="post" action="#"&gt;
          &lt;div class="form"&gt;
           &lt;div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"&gt;
             &lt;input class="form-control" type="text" placeholder="Full Name *" required=""&gt;
           &lt;/div&gt;
           &lt;div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"&gt;
             &lt;input class="form-control" type="text" placeholder="Email Address *" required=""&gt;
           &lt;/div&gt;
           &lt;div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"&gt;
             &lt;input class="form-control" type="text" placeholder="Appointment Date *" required=""&gt;
           &lt;/div&gt;
           &lt;div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"&gt;
             &lt;input class="form-control" type="text" placeholder="Mobile Number *" required=""&gt;
           &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"&gt;
           &lt;textarea class="form-control" rows="6" placeholder="Your Problem *" required=""&gt;&lt;/textarea&gt;
          &lt;/div&gt;
          &lt;div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"&gt;
           &lt;div class="captcha-container"&gt;
                                       &lt;label&gt;Are you human? &lt;/label&gt;&lt;br&gt;
                                       &lt;img src="http://inspirythemesdemo.com/healthpress/wp-content/themes/healthpress-theme/captcha/captcha.php" alt=""&gt;
                                       &lt;input type="text" class="captcha required" name="captcha" maxlength="5" title=" Please enter the code characters displayed in image!"&gt;
                                   &lt;/div&gt;
           &lt;input class="btn btn-primary send" type="submit" value="Send"&gt;
          &lt;/div&gt;
         &lt;/form&gt;
        &lt;/div&gt;
        &lt;!-- end of form --&gt;
       &lt;/div&gt;&lt;!-- end of appointment--&gt;
         &lt;/div&gt;
        &lt;/div&gt; &lt;!--  client-content  --&gt;
       &lt;/div&gt;
   &lt;/div&gt; 
     &lt;/section&gt; &lt;!-- testimonial --&gt;


  &lt;section id="footer"&gt;
   &lt;div class="container"&gt;
    &lt;div class="row"&gt;
     &lt;div class="col-md-6 col-md-offset-3"&gt;
      &lt;ul class="text-center contact"&gt;
             &lt;li class="socials-icons"&gt;
        &lt;a href="#" data-toggle="tooltip" title="Share in Facebook" class="facebook"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="socials-icons"&gt;
        &lt;a href="#" data-toggle="tooltip" title="Share in Twitter" class="twitter"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="socials-icons"&gt;
        &lt;a href="#" data-toggle="tooltip" title="Share in Google +" class="google-plus"&gt;&lt;i class="fa fa-google-plus"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="socials-icons"&gt;
        &lt;a href="#" data-toggle="tooltip" title="Share in Instagram" class="instagram"&gt;&lt;i class="fa fa-instagram"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="socials-icons"&gt;
        &lt;a href="#" data-toggle="tooltip" title="Share in Pinterest" class="pinterest"&gt;&lt;i class="fa fa-pinterest"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="socials-icons"&gt;
        &lt;a href="#" data-toggle="tooltip" title="Connect with Skype" class="skype"&gt;&lt;i class="fa fa-skype"&gt;&lt;/i&gt;&lt;/a&gt;
       &lt;/li&gt;
           &lt;/ul&gt;
     &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
     &lt;div class="col-md-12"&gt;
      &lt;div class="copy-right-text text-center"&gt;
       © Copyright 2014, Your Website Link. Theme by &lt;a href="https://themewagon.com/"&gt;ThemeWagon&lt;/a&gt;
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/section&gt;

  &lt;script type="text/javascript" src="assets/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/js/owl.carousel.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/js/isotope.pkgd.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/js/wow.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/js/bootstrap.min.js"&gt;&lt;/script&gt;

  &lt;script&gt;
        new WOW().init();
  &lt;/script&gt;

  &lt;script&gt;
   $(document).ready(function() {
      $("#starting-slider").owlCarousel({
       autoPlay: 3000,
          navigation : false, // Show next and prev buttons
          slideSpeed : 700,
          paginationSpeed : 1000,
          singleItem:true
      });
   });
  &lt;/script&gt;


  &lt;script&gt;
   $( function() {
      // init Isotope
      var $container = $('.isotope').isotope
      ({
        itemSelector: '.element-item',
        layoutMode: 'fitRows'
      });


      // bind filter button click
      $('#filters').on( 'click', 'button', function() 
      {
        var filterValue = $( this ).attr('data-filter');
        // use filterFn if matches value
        $container.isotope({ filter: filterValue });
     });
  
     // change is-checked class on buttons
      $('.button-group').each( function( i, buttonGroup ) 
      {
        var $buttonGroup = $( buttonGroup );
        $buttonGroup.on( 'click', 'button', function() 
        {
           $buttonGroup.find('.is-checked').removeClass('is-checked');
           $( this ).addClass('is-checked');
        });
      });
     
   });
  &lt;/script&gt;

 
&lt;/body&gt;&lt;/html&gt;</code></pre>
</div>
</div>
</p>