Skip to content

Instantly share code, notes, and snippets.

@waracci

waracci/gist:74896eb57d28af24c7416c731a788743

Created December 26, 2016 17:30
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 waracci/74896eb57d28af24c7416c731a788743 to your computer and use it in GitHub Desktop.
Save waracci/74896eb57d28af24c7416c731a788743 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<body>
<app-nav></app-nav>
<div class="container">
<div class="page-header">
<h1 class="text-center">User Profile Page</h1>
</div>
<div class="text-right">
<A href="#">Edit Profile</A>
<A href="#">Logout</A>
<br>
<p class=" text-info">May 05,2014,03:00 pm </p>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">insert profile name here</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-3 col-lg-3 " align="center">
<img alt="User Pic"
src="http://babyinfoforyou.com/wp-content/uploads/2014/10/avatar-300x300.png"
class="img-circle img-responsive">
</div>
<div class=" col-md-9 col-lg-9 ">
<p>name:</p>
<p>date joined:</p>
<a href="#" class="btn btn-primary">change user avatar</a>
<a href="#" class="btn btn-primary">Edit profile</a>
</div>
</div>
</div>
<div class="panel-footer">
<a data-original-title="Broadcast Message" data-toggle="tooltip" type="button"
class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i>
</a>
<span class="pull-right">
<a href="#" data-original-title="Edit this user" data-toggle="tooltip"
type="button" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-edit"></i>
</a>
<a data-original-title="Remove this user" data-toggle="tooltip" type="button"
class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i>
</a>
</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="well">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. \
Inventore, ad maxime aspernatur dolores optio, cupiditate
laudantium consequuntur deleniti natus delectus! Reiciendis
molestias ut laudantium quod fugit numquam, praesentium magni rerum.
</p>
<div class="row">
<div class="col-md-6">
<div class="well0">My Listings: 20</div>
</div>
<div class="col-md-6">
<div class="well0">Saved Listings: 100</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-header">
<h1>My Listings</h1>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<a href="#">
<img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450/007089/FFF" alt="">
</a>
</div>
<div class="col-md-4 col-sm-6">
<a href="#">
<img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450/007089/FFF" alt="">
</a>
</div>
<div class="col-md-4 col-sm-6">
<a href="#">
<img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450/007089/FFF" alt="">
</a>
</div>
</div>
<app-footer></app-footer>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment