Scribd Logo
Upload

Welcome to Scribd!

  • 12 views

    HTML Lang Charset Content Name Content: Doctype HTML Head Meta Meta Meta

    Uploaded by

    Tinashe Tomu
    This document is the HTML code for a website called Pete's Pet Shop. It includes metadata, links to Bootstrap for styling, and div elements that will display information and a template for pet profiles. When the app.js script runs it will populate the #petsRow div with pet profiles using the #petTemplate. The site allows users to view pets available for adoption and includes their pictures, breeds, ages, locations, and buttons to adopt them.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    HTML Lang Charset Content Name Content: Doctype HTML Head Meta Meta Meta

    Uploaded by

    Tinashe Tomu
    12 views2 pages
    This document is the HTML code for a website called Pete's Pet Shop. It includes metadata, links to Bootstrap for styling, and div elements that will display information and a template for pet profiles. When the app.js script runs it will populate the #petsRow div with pet profiles using the #petTemplate. The site allows users to view pets available for adoption and includes their pictures, breeds, ages, locations, and buttons to adopt them.

    Original Description:

    Original Title

    Pet

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document is the HTML code for a website called Pete's Pet Shop. It includes metadata, links to Bootstrap for styling, and div elements that will display information and a template for pet profiles. When the app.js script runs it will populate the #petsRow div with pet profiles using the #petTemplate. The site allows users to view pets available for adoption and includes their pictures, breeds, ages, locations, and buttons to adopt them.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    12 views2 pages

    HTML Lang Charset Content Name Content: Doctype HTML Head Meta Meta Meta

    Uploaded by

    Tinashe Tomu
    This document is the HTML code for a website called Pete's Pet Shop. It includes metadata, links to Bootstrap for styling, and div elements that will display information and a template for pet profiles. When the app.js script runs it will populate the #petsRow div with pet profiles using the #petTemplate. The site allows users to view pets available for adoption and includes their pictures, breeds, ages, locations, and buttons to adopt them.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 2

    <!

    DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head con
    tent must come *after* these tags -->
        <title>Pete's Pet Shop</title>

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media q
    ueries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></scr
    ipt>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
      </head>
      <body>
        <div class="container">
          <div class="row">
            <div class="col-xs-12 col-sm-8 col-sm-push-2">
              <h1 class="text-center">Pete's Pet Shop</h1>
              <hr/>
              <br/>
            </div>
          </div>

          <div id="petsRow" class="row">
            <!-- PETS LOAD HERE -->
          </div>
        </div>

        <div id="petTemplate" style="display: none;">
          <div class="col-sm-6 col-md-4 col-lg-3">
            <div class="panel panel-default panel-pet">
              <div class="panel-heading">
                <h3 class="panel-title">Scrappy</h3>
              </div>
              <div class="panel-body">
                <img alt="140x140" data-src="holder.js/140x140" class="img-rounded i
    mg-center" style="width: 100%;" src="https://animalso.com/wp-
    content/uploads/2017/01/Golden-Retriever_6.jpg" data-holder-rendered="true">
                <br/><br/>
                <strong>Breed</strong>: <span class="pet-breed">Golden Retrieve
    r</span><br/>
                <strong>Age</strong>: <span class="pet-age">3</span><br/>
                <strong>Location</strong>: <span class="pet-location">Warren, M
    I</span><br/><br/>
                <button class="btn btn-default btn-adopt" type="button" data-
    id="0">Adopt</button>
              </div>
            </div>
          </div>
        </div>

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.j
    s"></script>
        <!-- Include all compiled plugins (below), or include individual files as ne
    eded -->
        <script src="js/bootstrap.min.js"></script>
        <script src="js/web3.min.js"></script>
        <script src="js/truffle-contract.js"></script>
        <script src="js/app.js"></script>
      </body>
    </html>

    You might also like