Habakiri トップページサンプルコード

gistfile1.html

<section class="jumbotron section-image section-fixed" style="background-image: url( hoge.jpg )">
	<div class="containter text-center">
		<div class="row">
			<div class="col-md-8 col-md-offset-2">
				<h1>Habakiri</h1>

				This section has classes, jumbotron, section-image and section-fixed. If you attach the .btn-default, displaying beautiful.

				<div class="col-md-8 col-md-offset-2">
					<a class="btn btn-default btn-block">CONTACT</a>
				</div>
			</div>
		</div>
	</div>
</section>

<div class="section">
	<div class="container">
		<h1 class="section-title">Section Title<p class="small">Sub Title or lead.</p></h1>
		<div class="row">
			<div class="col-md-4">
			
				Use this static Page to test the Theme's handling of the Front Page template file.

				This is the Front Page content. Use this static Page to test the Front Page output of the Theme. The Theme should properly handle both Blog Posts Index as Front Page and static Page as Front Page.

			</div>
			<div class="col-md-4">
			
				If the site is set to display the Blog Posts Index as the Front Page, then this text should not be visible. If the site is set to display a static Page as the Front Page, then this text may or may not be visible. If the Theme does not include a front-page.php template file, then this text should appear on the Front Page when set to display a static Page. If the Theme does include a front-page.php template file, then this text may or may not appear.

			</div>
			<div class="col-md-4">

				Habakiri is a simple theme for the web site. This theme based on Twitter Bootstrap. Features, 100% responsive layouts, the Glyphicons and Genericons icons, 6 page templates, 6 header design patterns, many color settings, many hooks, displaying related posts in single page, using minify CSS and JavaScript, using Gulp, Sass and PHP Class in functions.php.

			</div>
		</div>
	</div>
</div>