-
Notifications
You must be signed in to change notification settings - Fork 0
/
project-sample.html
143 lines (131 loc) · 6.53 KB
/
project-sample.html
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>F.A.T 5 GOLD </title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- Load CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- Load Fonts -->
<link href='http://fonts.googleapis.com/css?family=Codystar:400,300|Shanti' rel='stylesheet' type='text/css'>
<!-- Load jQuery library -->
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<!-- Load custom js -->
<script type="text/javascript" src="scripts/panelslide.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<!-- Load topcontrol js -->
<script type="text/javascript" src="scripts/scrolltopcontrol.js"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-theme.css" type="text/css" media="screen" />
<script src="scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="scripts/nivo-options.js" type="text/javascript"></script>
<!-- Load fancybox -->
<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
t.parentNode.insertBefore(s, t);
})();
/* ]]> */</script>
</head>
<body>
<!--This is the START of the header-->
<div id="topcontrol" style="position: fixed; bottom: 5px; left: 960px; opacity: 1; cursor: pointer;" title="Go to Top"></div>
<div id="header-wrapper">
<div id="header">
<div id="logo"><a href="index.html"><img src="images/bannergold.jpg" width="" height="" alt="logo" /></a> </div>
<div id="header-text">
<h6><a href="index.html"></a></h6>
</div>
</div>
</div>
<!--END of header-->
<!--This is the START of the menu-->
<div id="menu-wrapper">
<div id="main-menu">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="media.html">Press</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="fellows.html">People</a></li>
<li><a href="swag.html">Swag</a></li>
<li><a href="press.html">Press Kit</a></li>
<p class="slide"><a href="#" class="btn-slide"></a></p>
<div id="fatsite"><a href="http://fffff.at"><img src="images/website.jpg"></a></p>
</div>
<!--This is the START of the footer-->
<div id="footer">
<h6>Public Domain. <a href="colophon.html">Colophon.</a></h6>
</div>
<!--END of footer-->
</div>
<!--END of menu-->
<!--This is the START of the content-->
<div id="content">
<!--This is the START of the NIVO slider if you need images
<div class="slider-wrapper theme-effe">
<div id="slider" class="nivoSlider"> <img src="images/sample-project/slider/slide1.jpg" alt="" title="#img1" /> <img src="images/sample-project/slider/slide2.jpg" alt="" title="#img2" /> </div>
<div id="slider-shadow"></div>
</div>
<!--END of NIVO Slider-->
<!--This is the START of your project-->
<div class="project">
<h3>This is the project title</h3>
<h5>By Fellow</h5>
<iframe src="http://player.vimeo.com/video/50162010?title=0" width="700" height="600" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<div id="description">
<br>
<!--This is the START of your project text-->
<p>Ut ligula sapien, vulputate nec vulputate eget, semper ac augue. Sed varius ante leo, vel tristique libero. Aenean eros felis, auctor a congue ut, pellentesque vel elit. Vivamus imperdiet ultricies diam sit amet euismod. Duis nec purus quis neque commodo porta sit amet vitae mi. Curabitur vestibulum ante convallis enim fringilla posuere. In ac erat ut magna cursus faucibus.</p>
</div>
<!--END of project-->
<div class="blank-spacer"></div>
<div class="social-blog-buttons"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="@fffffat">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.gold.fffff.at%2Fprojects.html&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
</div>
<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://fffff.at"></a>
<noscript><a href="http://flattr.com/thing/484616/F-A-T-" target="_blank">
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
</ul>
<div class="spacer"></div>
<h8>The contents of the site are all in the public domain. You may enjoy, use, modify, snipe about and republish all F.A.T. media and technologies as you see fit.</h8>
</div>
<!--END of content-->
<p class="slide"><a href="#" class="btn-slide"></a></p>
<div id="slide-panel">
<!--This is the START of the follow section-->
<div id="follow">
<div id="container">
<li data-tags="">
<h2>Twitter</h2><a href="http://www.twitter.com/fffffat" target="_new"><img src="images/bird.png"></a>
</li>
<li data-tags="">
<h3>FLATTR</h7><a href="https://flattr.com/thing/920340/F-A-T-5-GOLD" target="_new"><img src="images/diamante.png"></a>
</li>
<li data-tags="">
<h2>VIMEO</h2><a href="http://vimeo.com/channels/fat" target="_new"><img src="images/vimeo.png"></a>
</li>
<li data-tags="">
<h2>FACEBOOK</h2><a href="https://www.facebook.com/fffffat" target="_new"><img src="images/camera.png"></a>
</li>
<li data-tags="">
<h3>GITHUB</h7><a href="https://github.com/fatlab" target="_new"><img src="images/github.png"></a>
</li>
<li data-tags="">
<h2>FUCK FLICKR</h2><a href="http://fffff.at/fuckflickr/" target="_new"><img src="images/ff.png"></a>
</li>
</div>
<!--END of follow section-->
</div>
</body>
</html>