Skip to content

Instantly share code, notes, and snippets.

@Santoshah

Santoshah/index.html

Created April 19, 2013 04:28
Show Gist options
  • Save Santoshah/5418154 to your computer and use it in GitHub Desktop.
Save Santoshah/5418154 to your computer and use it in GitHub Desktop.
Download ZIP
html: front page
Raw
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>page</title>
<link href="css/screen.css" type="text/css" rel="stylesheet" />
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/myjs.js"></script>
<script src="js/myjs.js"></script>
</head>
<body>
<div class="main-header">
<div class="breadcrumbs">
<a href="#">Reports > </a>
<a href="#"> Garun > </a>
<span class="active"> Apr 03 11:43 am</span>
</div>
<div class="search">
<input type="text" name="search" class="search_txt" placeholder="Search Files" />
<input type="submit" value="" class="search_submit" name="submit" />
</div>
<div class="row">
<div class="content">
<div class="list_title">Garun Sharma <input type="submit" class="delete" value="Delete"></div>
<ul class="listed_items">
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li class="captions">
<span class="left">My Photos</span>
<span class="right">
<span class="small_thumb"><img src="images/worker.jpg" alt="location" /></span>
<span class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</span>
</span>
</li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Gender</span><span class="right"><a href="#">Male</a></span></li>
<li><span class="left">Checkbox</span><span class="right"><a href="#">True</a></span></li>
<li><span class="left">Company</span><span class="right"><a href="#">Futerox Interactive</a></span></li>
<li><span class="left">Number</span><span class="right"><a href="#">9811195449</a></span></li>
</ul>
</div>
<div class="sidebar">
<div class="box_wrap share_">
<div class="list_title">Company Logo</div>
<div class="box logo_img">
<div class="img_box">
<img src="images/logo.jpg" alt="logo" />
</div>
<div class="btn-group">
<button data-toggle="dropdown" class="btn dropdown-toggle">Change Logo <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Upload Photo</a></li>
<li><a href="#">Remove</a></li>
</ul>
</div>
<p class="text-warning">Max upload size (1mb)</p>
</div>
</div>
<div class="box_wrap share_">
<div class="list_title">Actions</div>
<div class="box">
<ul class="info">
<li><span class="left">Share</span><span class="right"><a href="#" class="em_">&nbsp;</a></span> </li>
<li><span class="left">Export</span><span class="right"><span class="pdf_">
<div class="btn-group">
<a href="#" data-toggle="dropdown" class="btn btn-danger dropdown-toggle">PDF</a>
</div>
<div class="btn-group">
<a href="#" data-toggle="dropdown" class="btn btn-warning dropdown-toggle">CSV </a>
</div>
</span></span>
</li>
<li><span class="left">Print</span><span class="right"><a class="pr_" href="#">&nbsp;</a></span></li>
</ul>
</div>
</div>
<div class="box_wrap">
<div class="list_title">Info</div>
<div class="box">
<ul class="info">
<li><span class="left">Submitted by : </span><span class="right">Garun Sharma</span> </li>
<li><span class="left">Date Submitted : </span><span class="right">Apr 03 11:43 am</span></li>
</ul>
<div class="map"><img src="images/map.jpg" alt="Map" />
</div>
</div>
</div>
<div class="box_wrap">
<div class="list_title">Media</div>
<div class="box">
<ul class="info">
<li>
<div class="navbar">
<a href="javascript:void(0);" id="tog_photos" class="navbar-inner brand" onclick="showMe('tog_photos')">All Photos <span class="caret"></span></a>
</div>
<ul id="inner_tog_photos" class="thumbnails image_list tog">
<li class="span2"><a class="thumbnail" href="#"><img src="images/worker.jpg" alt="worker" /></a></li>
<li class="span2"><a class="thumbnail" href="#"><img src="images/worker2.jpg" alt="worker" /></a></li>
<li class="span2"><a class="thumbnail" href="#"><img src="images/worker3.jpg" alt="worker" /></a></li>
<li class="span2"><a class="thumbnail" href="#"><img src="images/worker4.jpg" alt="worker" /></a></li>
</ul>
</li>
<li>
<div class="navbar">
<a href="javascript:void(0);" id="tog_videos" class="navbar-inner brand" onclick="showMe('tog_videos')">All Videos <span class="caret"></span></a>
</div>
<ul id="inner_tog_videos" class="thumbnails image_list tog">
<li><a href="#"><img src="images/video.jpg" alt="video" /></a></li>
</ul>
</li>
<li>
<div class="navbar">
<a href="javascript:void(0);" id="tog_sig" class="navbar-inner brand" onclick="showMe('tog_sig')">Signature <span class="caret"></span></a>
</div>
<ul id="inner_tog_sig" class="image_list tog">
<li><a href="#"><img src="images/signature.jpg" alt="worker" /></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- main-header -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment