Skip to content

Instantly share code, notes, and snippets.

@klebercode

klebercode/base.html

Created August 24, 2019 13:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save klebercode/109721cb7d28530ae41858b0f03449bd to your computer and use it in GitHub Desktop.
Save klebercode/109721cb7d28530ae41858b0f03449bd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
base.html
{% load static %}
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Agenda de Contatos</title>
<meta name="description" content="Agenda de Contatos">
<meta name="author" content="Eduardo Cuducos">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="{% static 'styles.css' %}" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<header class="row">
<div class="col-md-8">
<h1>Agenda de Contatos</h1>
</div>
<div class="col-md-4">
<div class="h1 pull-right">
<button type="button" class="btn btn-default">
<i class="glyphicon glyphicon-pencil"></i> Editar
</button>
<button type="button" class="btn btn-default">
<i class="glyphicon glyphicon-plus"></i> Novo
</button>
</div>
</div>
</header>
<main class="row">
<aside class="col-md-4">
<ol class="list-unstyled">
<li>
<img src="https://api.adorable.io/avatars/256/beltrano%40mailinator.com.png" alt="Fulano de Tal" class="img-circle">
Beltrano Dolor Est
</li>
<li>
<img src="https://api.adorable.io/avatars/256/ciclano%40mailinator.com.png" alt="Fulano de Tal" class="img-circle">
Ciclano Ipsum
</li>
<li>
<img src="https://api.adorable.io/avatars/256/foobar%40mailinator.com.png" alt="Fulano de Tal" class="img-circle">
Foo Bar
</li>
<li class="active">
<img src="https://api.adorable.io/avatars/256/fulano%40mailinator.com.png" alt="Fulano de Tal" class="img-circle">
Fulano da Silva
</li>
<li>
<img src="https://api.adorable.io/avatars/256/johndoe%40mailinator.com.png" alt="Fulano de Tal" class="img-circle">
John Doe
</li>
</ol>
</aside>
<article class="col-md-8">
<!--h2>Novo contato</h2>
<form role="form">
<div class="form-group">
<label for="name">Nome</label>
<input type="text" class="form-control input-sm" id="name">
</div>
<div class="form-group">
<label for="telephone">Telefone</label>
<input type="text" class="form-control input-sm" id="telephone">
</div>
<div class="form-group">
<label for="email">E-mail</label>
<input type="email" class="form-control input-sm" id="email">
</div>
<p class="pull-right"><button type="submit" class="btn btn-default">Salvar</button></p>
</form-->
<h2>
<img src="https://api.adorable.io/avatars/256/fulano%40mailinator.com.png" alt="Fulano de Tal" class="img-circle">
Fulano de Tal
</h2>
<dl>
<dt>Telefone</dt>
<dd>(011) 1406</dd>
<dt>E-mail</dt>
<dd><a href="mailto:fulano@mailinator.com">fulano@mailinator.com</a></dd>
</dl>
</article>
</main>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment