Skip to content

Instantly share code, notes, and snippets.

@ertankayalar
Created April 11, 2013 13:34
Show Gist options
  • Save ertankayalar/5363402 to your computer and use it in GitHub Desktop.
Save ertankayalar/5363402 to your computer and use it in GitHub Desktop.
HTML: Blank Template Page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>POST Page - WP Bootstrap Temple</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link rel="stylesheet/less" href="less/app-v2.less">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/favicon.png">
<script src="js/less.js" type="text/javascript" charset="utf-8" async defer></script>
<style type="text/css" media="screen">
.post-thumb {
margin: 5px;
}
.post {
margin-bottom: 10px;
}
body {
padding-top: 60px;
}
#footer {
padding: 15px 5px;
}
</style>
</head>
<body>
<header id="header" role="banner">
<!-- Fixed navbar -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#">WP Theme</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
</header><!-- /header -->
<!-- Begin page content -->
<div class="container-fluid">
<div id="content" class="clearfix row-fluid">
<div id="main" class="span8 clearfix">
<ul class="breadcrumb">
<li><a href="#">Home</a> <span class="divider">/</span></li>
<li><a href="#">Library</a> <span class="divider">/</span></li>
<li class="active">Data</li>
</ul>
<article id="post-1" class="post clearfix">
<header>
<div class="span2">
<img class="img-rounded pull-left featurette-image post-thumb" data-src="holder.js/140x140">
</div>
<div class="span10 page-header">
<span class="icon-folder-open"></span>
<a href="#">Web Tasarım</a> | <a href="#">Yazılım</a>
<h1>Yazı Başlığı</h1>
<p class="meta muted">
<span class="icon-user"></span> <a href="#" rel="author"><strong>Ertan Kayalar</strong></a>
<span class="icon-calendar"></span>
<time datetime="2013-04-1" pubdate>1 Nisan 2013</time>
<span class="icon-comment"></span> <a href="#" title="">2 Comments</a>
</p>
</div>
</header><!-- /header -->
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<span class="icon-tags"></span>
<a href="#" title=""><span class="label label-info">Web</span></a>
<a href="#" title=""><span class="label label-info">Tasarım</span></a>
<footer class="post-footer clearfix">
<div class="span6">
<div class="span3">
<img class="img-rounded pull-left featurette-image post-thumb" data-src="holder.js/100x100">
</div>
<div class="span9">
<h5>Bu yazıyı sevdiniz mi ?</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</div>
</div>
<div class="span6" id="post-author" data-toggle="tooltip" data-animation="true" title="yazar kısa açıklaması Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,">
<div class="span3">
<img class="img-circle pull-left featurette-image post-thumb" data-src="holder.js/100x100" >
</div>
<div class="span9">
<h5><a href="#">Yazar Adı</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</div>
</div>
</footer>
</article> <!-- /article -->
<div class="row-fluid" id="comments">
<h3>Yorumlar</h3>
<ol class="commentlist">
<li class="comment even thread-even depth-1">
<article id="comment-1" class="clearfix">
<div class="row-fluid comment-author vcard clearfix">
<div class="span1 avatar">
<img class="img-circle pull-right avatar avatar-50 photo avatar-default" data-src="holder.js/50x50" alt="" height="50" width="38"/>
</div>
<div class="span11">
<h4><a href="http://wordpress.org/" rel="external nofollow" class="url">Mr WordPress</a></h4>
<time datetime="2013-04-1"><a href="http://wptheme.dev/hello-world/#comment-1">1 Nisan 2013 </a></time>
</div>
</div> <!-- /comment-author -->
<div class="row-fluild">
<div class="comment-text span12">
<p>Hi, this is a comment.<br>
To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.</p>
</div>
<div class="row-fluid">
<div class="span12 comment-action">
<a class="comment-reply-link btn btn-success btn-mini pull-right" href="/hello-world/?replytocom=1#respond">Cevapla</a>
</div>
</div>
</div>
</article>
</li> <!-- /comment -->
<li class="comment even thread-even depth-1">
<article id="comment-1" class="clearfix">
<div class="row-fluid comment-author vcard clearfix">
<div class="span1 avatar">
<img class="img-circle pull-right avatar avatar-50 photo avatar-default" data-src="holder.js/50x50" alt="" height="50" width="38"/>
</div>
<div class="span11">
<h4><a href="http://wordpress.org/" rel="external nofollow" class="url">Mr WordPress</a></h4>
<time datetime="2013-04-1"><a href="http://wptheme.dev/hello-world/#comment-1">1 Nisan 2013 </a></time>
</div>
</div> <!-- /comment-author -->
<div class="row-fluild">
<div class="comment-text span12">
<p>Hi, this is a comment.<br>
To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.</p>
</div>
<div class="row-fluid">
<div class="span12 comment-action">
<a class="comment-reply-link btn btn-success btn-mini pull-right" href="/hello-world/?replytocom=1#respond">Cevapla</a>
</div>
</div>
</div>
</article>
</li> <!-- /comment -->
<li class="comment even thread-even depth-1">
<article id="comment-1" class="clearfix">
<div class="row-fluid comment-author vcard clearfix">
<div class="span1 avatar">
<img class="img-circle pull-right avatar avatar-50 photo avatar-default" data-src="holder.js/50x50" alt="" height="50" width="38"/>
</div>
<div class="span11">
<h4><a href="http://wordpress.org/" rel="external nofollow" class="url">Mr WordPress</a></h4>
<time datetime="2013-04-1"><a href="http://wptheme.dev/hello-world/#comment-1">1 Nisan 2013 </a></time>
</div>
</div> <!-- /comment-author -->
<div class="row-fluild">
<div class="comment-text span12">
<p>Hi, this is a comment.<br>
To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.</p>
</div>
<div class="row-fluid">
<div class="span12 comment-action">
<a class="comment-reply-link btn btn-success btn-mini pull-right" href="/hello-world/?replytocom=1#respond">Cevapla</a>
</div>
</div>
</div>
</article>
</li> <!-- /comment -->
</ol>
<h3 id="comment-form-title">Bir cevap yazın</h3>
<section id="respond" class="respond-form">
<div id="cancel-comment-reply">
<p class="small"><a rel="nofollow" id="cancel-comment-reply-link" href="/hello-world/#respond" style="display:none;" class="btn btn-danger btn-mini">Cancel</a></p>
</div>
<form action="http://wptheme.dev/wp-comments-post.php" method="post" class="form-vertical" id="commentform">
<ul id="comment-form-elements" class="clearfix">
<li>
<div class="control-group">
<label for="author">İsim (gerekli)</label>
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span><input type="text" name="author" id="author" value="" placeholder="Your Name" tabindex="1" aria-required="true" class="input-xxlarge" >
</div>
</div>
</li>
<li>
<div class="control-group">
<label for="email">Eposta (gerekli)</label>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span><input type="email" name="email" id="email" value="" placeholder="Your Email" tabindex="2" aria-required="true" class="placeholder input-xxlarge">
<span class="help-inline">(yayınlanmayacak)</span>
</div>
</div>
</li>
<li>
<div class="control-group">
<label for="url">Websitesi</label>
<div class="input-prepend">
<span class="add-on"><i class="icon-home"></i></span><input type="url" name="url" id="url" value="" placeholder="Your Website" tabindex="3" class="placeholder input-xxlarge">
</div>
</div>
</li>
</ul>
<div class="clearfix">
<div class="input">
<textarea name="comment" id="comment" placeholder="Your Comment Here…" tabindex="4" class="placeholder"></textarea>
</div>
</div>
<div class="form-actions">
<input class="btn btn-success" name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment">
<input type="hidden" name="comment_post_ID" value="1" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</div>
</form>
</section> <!-- / respond -->
</div> <!-- /comments -->
<div class="row-fluid" id="related-posts"> <!-- related-posts -->
<h2>İlgili Yazılar</h2>
<ul class="thumbnails">
<li class="span3">
<div class="thumbnail">
<a href="#" title="thumbnail">
<img data-src="holder.js/300x200" alt="" />
</a>
<h3><a href="#">Yazı Başlığı</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a href="#" title="thumbnail">
<img data-src="holder.js/300x200" alt="" />
</a>
<h3><a href="#">Yazı Başlığı</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a href="#" title="thumbnail">
<img data-src="holder.js/300x200" alt="" />
</a>
<h3><a href="#">Yazı Başlığı</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a href="#" title="thumbnail">
<img data-src="holder.js/300x200" alt="" />
</a>
<h3><a href="#">Yazı Başlığı</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</li>
</ul>
</div> <!-- /related-posts -->
</div> <!-- /main -->
<div id="sidebar" class="fluid-sidebar sidebar span4">
<div id="search-2" class="widget widget_search"><form action="http://wptheme.dev/" method="get" class="form-stacked">
<fieldset>
<div class="clearfix">
<div class="input-append input-prepend">
<span class="add-on"><i class="icon-search"></i></span><input type="text" name="s" id="search" placeholder="Search" value="" class="placeholder"><button type="submit" class="btn btn-primary">Search</button>
</div>
</div>
</fieldset>
</form></div>
<div id="recent-posts-2" class="widget widget_recent_entries"> <h4 class="widgettitle">Recent Posts</h4> <ul>
<li>
<a href="http://wptheme.dev/hello-world/" title="Hello world!">Hello world!</a>
</li>
</ul>
</div>
<div id="categories-2" class="widget widget_categories"><h4 class="widgettitle">Categories</h4> <ul>
<li class="cat-item cat-item-1"><a href="http://wptheme.dev/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</div>
<div id="tag_cloud-2" class="widget widget_tag_cloud"><h4 class="widgettitle">Tags</h4><div class="tagcloud"><div id="tag-cloud"><a href="http://wptheme.dev/tag/tag1/" class="tag-link-3 label tag-tag1" title="1 topic" style="font-size: 9.75px;">tag1</a>
<a href="http://wptheme.dev/tag/tag2/" class="tag-link-4 label tag-tag2" title="1 topic" style="font-size: 9.75px;">tag2</a>
<a href="http://wptheme.dev/tag/tag3/" class="tag-link-5 label tag-tag3" title="1 topic" style="font-size: 9.75px;">tag3</a></div></div>
</div>
<div class="row-fluid clearfix">
<div class="span12 widget">
<h2>Widget Title</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<div class="well sidebar-nav clearfix">
<ul class="nav nav-list">
<li class="nav-header">Sidebar</li>
<li class="active"><a href="#" title="">Link</a> </li>
<li><a href="#" title="">Link</a> </li>
<li><a href="#" title="">Link</a> </li>
<li class="nav-header">Sidebar</li>
<li><a href="#" title="">Link</a> </li>
<li><a href="#" title="">Link</a> </li>
<li><a href="#" title="">Link</a> </li>
<li class="nav-header">Sidebar</li>
<li><a href="#" title="">Link</a> </li>
<li><a href="#" title="">Link</a> </li>
<li><a href="#" title="">Link</a> </li>
</ul>
</div>
</div> <!-- /sidebar -->
</div> <!-- /content -->
</div> <!-- /container-fluid -->
<footer id="footer">
<div class="container">
<p class="pull-right">
<a href="#" title="">
<span class="icon-circle-arrow-up"></span>
Yukarı</a>
</p>
<p class="footer-text">
dipnot
</p>
<p>
<ul class="nav nav-pills">
<li>
<a href="#">Home</a>
</li>
<li><a href="#">Kullanım Koşulları</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</p>
<p class="copyright-info">
Ticaret Sitesi bir <strong>WTS</strong> hizmetidir. &copy; 2013 <a href="http://webtasarimsitesi.com" title="web tasarım" title="web tasarım">Web Tasarım</a> Sitesi.
</p>
</div>
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bootstrap.js" type="text/javascript" charset="utf-8" async defer></script>
<script src="js/holder/holder.js"></script>
<script src="js/app.js" type="text/javascript" charset="utf-8" async defer></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment