h2 { font-family: Lobster, Monospace; }
. borda verde espessa {
cor da borda: verde;
largura da borda: 10px;
estilo de borda: sólido;
raio da borda: 50%;
}
</style>
</head>
<body>
<div class = ‘row’>
<div class = ‘col-xs-8’>
<h2 class = ‘text-primary text-center’> CatPhotoApp </h2>
< / div>
<div class = ‘col-xs-4’>
<a href=’#’> </a>
</div>
</div>
<br>
<br>
<div class = ‘row’>
< div class = ‘col-xs-4’>
<button class = ‘btn btn-block btn-primary’> <i class = ‘fa fa-thumbs-up’> </i> Like </button>
</ div >
<div class = ‘col-xs-4’>
<button class = ‘btn btn-block btn-info ‘> <i class =’ fa fa-info-circle ‘> </i> Info </button>
</div>
<div class =’ col-xs-4 ‘>
<button class = ‘btn btn-block btn-danger’> <i class = ‘fa fa-trash’> </i> Excluir </button>
</div>
</div>
Coisas que os gatos adoram: </p>
<ul>
<li> beliscão do gato </li>
<li> ponteiros laser </li>
<li> lasanha </li>
</ul>
As 3 principais coisas que os gatos odeiam: </p>
<ol>
<li> tratamento contra pulgas </li>
<li> trovão </li>
<li> outros gatos </li>
</ol>
<form action = “/ submit -cat-photo “>
<br>
<div class = ‘row’>
<div class = ‘col-xs-6’>
<label> <input type = ‘radio’ name = ‘indoor-outdoor’> Interno </ rótulo>
</div>
<div class = ‘col-xs-6’>
<label> <input type = ‘radio’ name = ‘indoor-outdoor’> Externo </label>
</div>
</div>
< br>
<div class = ‘row’>
<div class = ‘col-xs-4’>
<label> <input type = ‘checkbox’ name = ‘customization’> Amoroso </label>
</div>
<div class = ‘col-xs-4’>
<label> <input type = ‘checkbox’ name = ‘Personalidade’> Preguiçoso </label>
</div>
<div class = ‘col-xs-4’>
<label> <input type = ‘checkbox’ name = ‘ personalidade ‘> Louco </label>
</div>
</div>
<br>
<div class =’ row ‘>
<div class =’ col-xs-7 ‘>
<input type =’ text ‘class =’ formulário -control ‘placeholder =’ cat photo URL ‘obrigatório>
</div>
<div class =’ col-xs-5 ‘>
<button type =’ submit ‘class =’ btn btn-primary ‘> <i class =’ fa fa-paper-plane ‘> </i> Enviar </button>
</ div>
</div>
</form>
</body>
</html>