-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
119 lines (108 loc) · 6.15 KB
/
index.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
<!DOCTYPE HTML>
<HTML>
<HEAD>
<link rel="shortcut icon" href="http://www.iconj.com/ico/5/6/56eooe718a.ico" type="image/x-icon" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JMNR BLOG</title>
<link rel="stylesheet" href="main.css">
<script type="text/javascript" src="jmnr.js"></script>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic' rel='stylesheet' type='text/css'>
</HEAD>
<BODY>
<div class="navbar">
<div class="container">
<ul class="centre">
<li><a href="http://wallcrawler.github.io/jmnr-blog#">HOME</a></li>
<li><a href="http://wallcrawler.github.io/jmnr-blog#about">ABOUT</a></li>
<li><a href="http://wallcrawler.github.io/jmnr-blog#profiles">TEAM</a></li>
<li><a href="http://wallcrawler.github.io/jmnr-blog#blog">BLOG</a></li>
</ul>
</div>
</div>
<div id="hero">
<h1 id="heading">16 WEEKS. 4 CODERS. ONE BLOG.</h1>
<!--<img src="http://cdn.flaticon.com/png/256/8756.png">-->
</div>
<div id="about">
<h1>ABOUT</h1>
<div id="about-para">
<p><em>Founders and Coders</em> is a not-for-profit coding academy and community of developers, based in London. The 16 week programme takes students through an intensive full-stack web-development course, followed by 8 weeks of hands-on projects.</p>
<p>This team of four students is working through the course: growing into fully-functional, real-world developers.</p>
</div>
</div>
<div id="team-photo">
</div>
<div id="profiles">
<h1>THE TEAM</h1>
<div>
<div class="profile" id="josh">
<img class="profile-pic" src="https://dl.dropboxusercontent.com/u/297682547/profile-trans-4.png">
<h2>Josh</h2>
<p><b>Superpower:</b> z-index wizardry</p>
<div class="social-icon-group">
<a href="http://www.github.com/joshpitzalis" target="_blank"><img class="social-icon" id="socials" src= "http://www.iconsdb.com/icons/preview/white/github-6-xxl.png"></a>
<a href="http:.//www.twitter.com/joshpitzalis"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/twitter_icon.png"></a>
</div>
</div>
<div class="profile" id="nikki">
<img class="profile-pic" src="https://dl.dropboxusercontent.com/u/297682547/profile-trans-1.png">
<h2>Nikki</h2>
<p><b>Superpower:</b> veganism</p>
<div class="social-icon-group">
<a href="http://www.github.com/nikhilaravi" target="_blank"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/github_icon.png"></a>
<a href="https://uk.linkedin.com/in/nikhilaravi" target="_blank"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/linkedin_icon.png"></a>
<a href="http://www.twitter.com/nikhilaravi"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/twitter_icon.png"></a>
</div>
</div>
<div class="profile" id="michelle">
<img class="profile-pic" src="https://dl.dropboxusercontent.com/u/297682547/profile-trans-2.png">
<h2>Michelle</h2>
<p><b>Superpower:</b> parallax backgrounds</p>
<div class="social-icon-group">
<a href = "http://www.github.com/msmichellegar" target="_blank"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/github_icon.png"></a>
<a href = "https://uk.linkedin.com/in/msmichellegar" target="_blank"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/linkedin_icon.png"></a>
<a href = "http://www.twitter.com/msmichellegar" target="_blank"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/twitter_icon.png"></a>
</div>
</div>
<div class="profile" id="ronan">
<img class="profile-pic" src="https://dl.dropboxusercontent.com/u/297682547/profile-trans-3.png">
<h2>Ronan</h2>
<p><b>Superpower:</b> super stubbornness</p>
<div class="social-icon-group">
<a href="http://www.github.com/wallcrawler" target="_blank"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/github_icon.png"></a>
<a href = "http://www.twitter.com/ronan_mccabe" target="_blank"><img class="social-icon" src= "https://dl.dropboxusercontent.com/u/82854539/Icons/twitter_icon.png"></a>
</div>
</div>
</div>
</div>
<!--<div id="general-photo">
</div>-->
<div id="blog">
<!--<hr>-->
<h1>FEATURED POSTS</h1>
<div class="blogs">
<div class="blog-article">
<a href="http://wallcrawler.github.io/jmnr-blog/posts/jp-01"><img src="https://dl.dropboxusercontent.com/u/297682547/93PTpH6.jpg"></a>
<h3><a href="http://wallcrawler.github.io/jmnr-blog/posts/jp-01">Information Onslaught</a></h3>
<p>There are physical limitations to how much I can learn in one go. My brain just fizzles out and the simplest things stop making sense...</p>
<!--<button>READ MORE</button>-->
</div>
<div class="blog-article">
<a href="http://wallcrawler.github.io/jmnr-blog/posts/mg-01"><img src="https://dl.dropboxusercontent.com/u/297682547/200_s.gif"></a>
<h3> <a href="http://wallcrawler.github.io/jmnr-blog/posts/mg-01">Losing Touch with the Space-Time Continuum</a></h3>
<p>One week into Founders & Coders, I've developed the ability to stare at a screen for hours with weird, unwavering intensity...</p>
</div>
<div class="blog-article">
<a href="http://wallcrawler.github.io/jmnr-blog/posts/nr-01"><img src="https://dl.dropboxusercontent.com/u/297682547/Olympics%2BDay%2B7%2BDiving%2BaDqTeo9A2dxl.jpg"></a>
<h3> <a href="http://wallcrawler.github.io/jmnr-blog/posts/nr-01">Taking the Plunge</a></h3>
<p>Armed with my laptop and eager to learn, I felt like I was going back to University. But it couldn't have been more different...</p>
</div>
</div>
<button type="button"><a id="clickme" href="http://wallcrawler.github.io/jmnr-blog/all/all">READ ALL POSTS</a></button>
</div>
<div id="footer">
<p>© <script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script>, JMNR Blog.</p>
</div>
</BODY>
</HTML>