semantic ui

In this example below you will see how to do a semantic ui with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by lauraMM, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright lauraMM ©

Technologies

  • HTML
  • CSS
  • JavaScript
        <div class="ui accordion">
  <div class="active title">
    <i class="dropdown icon"></i>
    What is a dog?
  </div>
  <div class="active content">
    <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
  </div>
  <div class="title">
    <i class="dropdown icon"></i>
    What kinds of dogs are there?
  </div>
  <div class="content">
    <p>There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.</p>
  </div>
  <div class="title">
    <i class="dropdown icon"></i>
    How do you acquire a dog?
  </div>
  <div class="content">
    <p>Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p>
    <p>A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a shelter, helps give a good home to a dog who may not find one so readily.</p>
  </div>
</div>
    

/*Downloaded from https://www.codeseek.co/lauraMM/semantic-ui-Wzawvx */
        
    

/*Downloaded from https://www.codeseek.co/lauraMM/semantic-ui-Wzawvx */
        $(".accordion").accordion();
    

Comments