Initial Working Copy
This commit is contained in:
commit
0731843a82
357 changed files with 120880 additions and 0 deletions
189
html/examples/profile.html
Normal file
189
html/examples/profile.html
Normal file
|
|
@ -0,0 +1,189 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="../assets/paper_img/favicon.ico">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
|
||||
<title>Paper Kit by Creative Tim</title>
|
||||
|
||||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
|
||||
<link href="../bootstrap3/css/bootstrap.css" rel="stylesheet" />
|
||||
<link href="../assets/css/ct-paper.css" rel="stylesheet"/>
|
||||
<link href="../assets/css/demo.css" rel="stylesheet" />
|
||||
<link href="../assets/css/examples.css" rel="stylesheet" />
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-ct-transparent navbar-relative " role="navigation-demo" id="register-navbar">
|
||||
<div class="container">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="www.creative-tim.com">Creative Tim</a>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="navigation-example-2">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="btn btn-simple">Components</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="btn btn-simple">Tutorial</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank" class="btn btn-simple"><i class="fa fa-twitter"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank" class="btn btn-simple"><i class="fa fa-facebook"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-->
|
||||
</nav>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="profile-background">
|
||||
<div class="filter-black"></div>
|
||||
</div>
|
||||
<div class="profile-content section-nude">
|
||||
<div class="container">
|
||||
<div class="row owner">
|
||||
<div class="col-md-2 col-md-offset-5 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3 text-center">
|
||||
<div class="avatar">
|
||||
<img src="../assets/paper_img/chet_faker_2.jpg" alt="Circle Image" class="img-circle img-no-padding img-responsive">
|
||||
</div>
|
||||
<div class="name">
|
||||
<h4>Chet Faker<br /><small>Music Producer</small></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<p>An artist of considerable range, Chet Faker — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure. </p>
|
||||
<br />
|
||||
<btn class="btn"><i class="fa fa-cog"></i> Settings</btn>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-tabs">
|
||||
<div class="nav-tabs-navigation">
|
||||
<div class="nav-tabs-wrapper">
|
||||
<ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
|
||||
<li class="active"><a href="#follows" data-toggle="tab">Follows</a></li>
|
||||
<li><a href="#following" data-toggle="tab">Following</a></li>
|
||||
<!-- <li><a href="#following" data-toggle="tab">Following</a></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="my-tab-content" class="tab-content">
|
||||
<div class="tab-pane active" id="follows">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<ul class="list-unstyled follows">
|
||||
<li>
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-md-offset-0 col-xs-3 col-xs-offset-2">
|
||||
<img src="../assets/paper_img/flume.jpg" alt="Circle Image" class="img-circle img-no-padding img-responsive">
|
||||
</div>
|
||||
<div class="col-md-7 col-xs-4">
|
||||
<h6>Flume<br /><small>Musical Producer</small></h6>
|
||||
</div>
|
||||
<div class="col-md-3 col-xs-2">
|
||||
<div class="unfollow" rel="tooltip" title="Unfollow">
|
||||
<label class="checkbox" for="checkbox1" >
|
||||
<input type="checkbox" value="" id="checkbox1" data-toggle="checkbox" checked>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<hr />
|
||||
<li>
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-md-offset-0 col-xs-3 col-xs-offset-2">
|
||||
<img src="../assets/paper_img/banks.jpg" alt="Circle Image" class="img-circle img-no-padding img-responsive">
|
||||
</div>
|
||||
<div class="col-md-7 col-xs-4">
|
||||
<h6>Banks<br /><small>Singer</small></h6>
|
||||
</div>
|
||||
<div class="col-md-3 col-xs-2">
|
||||
<div class="unfollow" rel="tooltip" title="Unfollow">
|
||||
<label class="checkbox" for="checkbox1" >
|
||||
<input type="checkbox" value="" id="checkbox1" data-toggle="checkbox" checked>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane text-center" id="following">
|
||||
<h3 class="text-muted">Not following anyone yet :(</h3>
|
||||
<btn class="btn btn-warning btn-fill">Find artists</btn>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer-demo section-nude">
|
||||
<div class="container">
|
||||
<nav class="pull-left">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="http://www.creative-tim.com">
|
||||
Creative Tim
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://blog.creative-tim.com">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.creative-tim.com/product/rubik">
|
||||
Licenses
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="copyright pull-right">
|
||||
© 2015, made with <i class="fa fa-heart heart"></i> by Creative Tim
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<script src="../assets/js/jquery-1.10.2.js" type="text/javascript"></script>
|
||||
<script src="../assets/js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
|
||||
|
||||
<script src="../bootstrap3/js/bootstrap.js" type="text/javascript"></script>
|
||||
|
||||
<!-- Plugins -->
|
||||
<script src="../assets/js/ct-paper-checkbox.js"></script>
|
||||
<script src="../assets/js/ct-paper-radio.js"></script>
|
||||
<script src="../assets/js/bootstrap-select.js"></script>
|
||||
<script src="../assets/js/bootstrap-datepicker.js"></script>
|
||||
|
||||
<script src="../assets/js/ct-paper.js"></script>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue