close
	<!DOCTYPE html>
	<html lang="">
		<head>
			<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
			<title>Title Page</title>
			<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
			<!--[if lt IE 9]>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
			<![endif]-->
		</head>
		<body>
			<div class="product-item">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 col-sm-6">
							<div class="pic">
								<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=A">
							</div>
						</div>
						<div class="col-xs-12 col-sm-6">
							<div class="txt">
								<h2>民間裡面電池女友她的</h2>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="product-item">
				<div class="container">
					<div class="row">
														<!-- left:50% -->
						<div class="col-xs-12 col-sm-6 col-sm-push-6">
							<div class="pic">
								<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
							</div>
						</div>							<!-- right:50% -->
						<div class="col-xs-12 col-sm-6 col-sm-pull-6">
							<div class="txt">
								<h2>不願意夫妻絶對體制本</h2>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="product-item">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 col-sm-6">
							<div class="pic">
								<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/a00/FFF/?text=C">
							</div>
						</div>
						<div class="col-xs-12 col-sm-6">
							<div class="txt">
								<h2>不管下去字幕那就工作</h2>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="product-item">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 col-sm-6 col-sm-push-6">
							<div class="pic">
								<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=D">
							</div>
						</div>
						<div class="col-xs-12 col-sm-6 col-sm-pull-6">
							<div class="txt">
								<h2>規模高校之下這個問題</h2>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
								<p>五年醫生黑</p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<script src="https://code.jquery.com/jquery.js"></script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		</body>
	</html>

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Jerry 的頭像
    Jerry

    Bug倉庫 // 程式日記

    Jerry 發表在 痞客邦 留言(0) 人氣()