LendMeNew/item.html at master · dehackathon/LendMeNew · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE HTML>
<html>
	<head>
		<title>LendMe - Item</title>
		<meta charset="UTF_8">

		<!-- JQuery -->
		<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

		<!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

		<!-- Optional theme -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

		<!-- Latest compiled and minified JavaScript -->
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

		<style>
			.red{
				color:red;
			}
			body {
				background: url("/img/intro-bg.png") repeat;
				background-size: cover;
			}
			.well{
				border: 4px solid #A8CD1B;
				background: #E6FEBF;
				box-shadow: 5px 5px 5px #005A31;
			}

			.img-responsive{
				border: 2px solid #A8CD1B;
				box-shadow: 5px 5px 5px #005A31;
			}
		</style>
	</head>

	<body>
		<div class="container" id="item-container">
			<!-- <div class="row">
				<div class="col-xs-4">
					<img src="//placehold.it/500x500" class="img-responsive" style="padding-top:10px" />
				</div>
				<div class="col-xs-6 well" style="margin-top:20px">
					<div class="row">
						<div class="col-xs-6">
							<h2>Bicycle</h2>
							<h6>from <a href="#">Jonah</a> - <span class="red">336</span></h6>
							<h5><a href="#">Transportation</a></h5>
						</div>
						<div class="col-xs-6">
							<a href="#" class="btn btn-success btn-lg" style="margin-left:150px">Borrow!</a>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<h6>min rep: 100&nbsp;&nbsp;|&nbsp;&nbsp;2 days max.</h6>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<p>This is the extended description of my awesome red bicycle. It is the smoothest ride in town
							and I love to ride it around. It has five speeds and 16 gears. The chain is very rusty, but you can't even tell because I love it so much. I hope you like riding it around as much as I do.</p>
						</div>
					</div>
				</div>
			</div> -->
		</div>

		<!-- Custom Theme JavaScript -->
    	<script src="/js/data.js"></script>
	</body>
</html>