< html lang =" en " >
<頭>
<元 字符集=“ utf-8 ” >
< meta http-equiv =" X-UA-Compatible "內容=" IE=edge " >
<元 名稱=“視口”內容=“寬度=設備寬度,初始比例=1 ” >
< title >皮特的寵物店
<鏈接 href =" css/bootstrap.min.css " rel ="樣式表" >
<身體>
< div 類=“容器” >
< div 類="行" >
< div class =" col-xs-12 col-sm-8 col-sm-push-2 " >
< h1 class =" text-center " >皮特的寵物店
<小時/>
_
< div id =" petsRow "類="行" >
< div id =" petTemplate " style =" display: none; " >
< div 類=" col-sm-6 col-md-4 col-lg-3 " >
< div class =" panel panel-default panel-pet " >
< div 類="面板標題" >
< h3 class =" panel-title " > Scrappy
< div 類="面板主體" >
< img alt =" 140x140 " data-src =" holder.js/140x140 " class =" img-rounded img-center " style =" width:100%; " src =" https://animalso.com/wp-內容/上傳/2017/01/Golden-Retriever_6.jpg “數據持有者渲染=“真” >
_ _
< strong >品種:< span class =" pet-breed " >金毛獵犬< / span >
< strong >年齡:< span class =" pet-age " > 3 < / span >
< strong >位置:< span class =" pet-location " >沃倫,密歇根州< / span >
< button class =" btn btn-default btn-adopt " type =" button " data-id =" 0 " >採用
< script src =" https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js " >
< script src =" js/bootstrap.min.js " >
< script src =" js/web3.min.js " >
< script src =" js/truffle-contract.js " >
< script src =" js/app.js " >