glopss/basic.html at master · psynyd/glopss · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Glopess</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<!--<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />-->
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--load masonry.js -->
<script src="/masonry-master/masonry.js"></script>

<!-- initialize-->
<script>
	var container = document.querySelector('#container');
	var msnry = new Masonry( container, {
		columnWidth: 200,
		itemSelector: '.item'
});
</script>


<div id="header-wrapper">
        <div id="header" class="container">
                <div id="logo">
                        <h1><a href="#" class="icon icon-group"><span>Glopss</span></a></h1>
                </div>
                <div id="menu">
                        <ul>
                                <li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li>
                                <li><a href="#" accesskey="2" title="">Portfolio</a></li>
                                <li><a href="#" accesskey="3" title="">About Us</a></li>
                                <li><a href="#" accesskey="4" title="">Careers</a></li>
                                <li><a href="#" accesskey="5" title="">Contact Us</a></li>
                        </ul>
                </div>
        </div>
</div>
</head>


<body>


<div id="search_bg">
		<div id="search_form">
			<table border="0" cellpadding="5px">
			<caption><b>PEOPLE</b> SEARCH</caption>
			<form name="input" action="html_form_action.asp" method="get">
				<tr>
					<td>Name:</td>
					<td> <input type="text" name="Name" value=""><br></td>
				</tr>
				<tr>
					<td>Location:</td>
					<td><input type="text" name="Location" value=""></td>
				</tr>
				<tr>
					<td>Email:</td>
					<td><input type="text" name="Email" value=""></td>
				</tr>
				<tr>
					<td>
						<input type="submit" value="Submit">
					</td>
				</tr>
			</form>
			</table>

		</div>
</div>


<div id="container" class="js-masonry" data-masonry-options='{ "columnWidth": 200, "itemSelector": ".item" }'>

{% for j in results %}


				<div class="item">
        			 <a class="photo_hover3" href="{{i.url}}"><img src="{{i.images}}" alt="picture1"/></a>
        			 <p>{{i.title}}</p>
       			</div>
{% endfile %}
</div>


</body>
</html>