Skip to content

Instantly share code, notes, and snippets.

@cesjam7

cesjam7/custom.css

Last active March 23, 2016 03:00
Show Gist options
  • Save cesjam7/7d09a49bb0fee13ea126 to your computer and use it in GitHub Desktop.
Save cesjam7/7d09a49bb0fee13ea126 to your computer and use it in GitHub Desktop.
Download ZIP
pael basico ismem clase 2
Raw
custom.css
.sidebar {
background: black;
color: white;
font-size: 30px;
height: 100%;
}
.sidebar img {
margin: 30px 0;
}
.sidebar i {
margin: 15px 0;
display: block;
text-align: center;
}
.sidebar i:hover {
color: #1CC5A8;
}
.col-sm-11 {
padding-top: 30px;
padding-bottom: 30px;
}
Raw
index.html
<html>
<head>
<meta charset="UTF-8">
<title>Tablas HTML</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="custom.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-1 sidebar">
<img src="http://www.cootiehog.com/wp-content/uploads/2014/10/dobby-the-house-elf.jpg" class="img-circle img-responsive">
<i class="fa fa-desktop"></i>
<i class="fa fa-archive"></i>
<i class="fa fa-area-chart"></i>
<i class="fa fa-book"></i>
<i class="fa fa-comment"></i>
</div>
<div class="col-sm-11">
<div class="row">
<div class="col-sm-4">
<input type="text" class="form-control" placeholder="Ingresa tu busqueda">
</div>
<div class="col-sm-offset-6 col-sm-2">
<i class="fa fa-user"></i> Cesar Aquino
</div>
</div>
<br>
<table class="table table-striped table-bordered table-hover">
<tr>
<th>#</th>
<th>Nombre</th>
<th>Edad</th>
<th>Ciclo</th>
</tr>
<tr>
<td>1</td>
<td>Angel Troncos</td>
<td>17</td>
<td>V</td>
</tr>
<tr>
<td>2</td>
<td>Anthony Nuñez</td>
<td>22</td>
<td>V</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment