-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
154 lines (143 loc) · 6.19 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Home - Programmers in Padua</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#6B340C">
<link rel="icon" href="images/icon.png">
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html"><img id="logo_top" src="images/PIP_top_compressed.png"/></a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Chi siamo</a></li>
<li><a href="#">Gli incontri</a></li>
<li><a href="#">La community</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2><img id="logo" src="images/PIP_compressed.png"/></h2>
<p>Un club per sviluppatori<br />
appassionati<br />
</div>
<a href="#one" class="more scrolly">Scopri di più</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Il PiP</h2>
<p><b>Programmers in Padua è un club di persone che per <u>lavoro o passione</u> si occupano di <br/>
programmazione, nuove tecnologie e startup. </b></p>
<p>Ci incontriamo una volta al mese a Padova in un ambiente informale, per condividere <br>conoscenze ed entusiasmo. E alla fine andiamo assieme a mangiare un boccone.</p>
</header>
<ul class="icons major">
<li><span class="icon fa-code major style1"><span class="label">Code</span></span></li>
<li><span class="icon fa-flask major style2"><span class="label">New tecnology</span></span></li>
<li><span class="icon fa-rocket major style3"><span class="label">Startup</span></span></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<h2>Come funziona</h2>
<p>Una volta al mese organizziamo un incontro dove vengono proposti due talk legati al nostro settore.
<br>Non siamo legati ad una tematica specifica, spaziamo dal front-end al mondo delle startup, dal monitoraggio delle performance alle metodologie di sviluppo.
<br>Siamo convinti che conoscere nuove persone, ascoltare e confrontarci sia il modo migliore e più divertente per imparare e restare aggiornati sui temi che ci appassionano.<br/>
</p>
<a href="meeting.html" class="button special">Gli incontri</a>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>La community</h2>
<p>Ci trovi principalmente sul nostro <a href="https://www.facebook.com/groups/programmersinpadua">gruppo Facebook</a><br>
Qui sotto le ultime novità!
</p>
</header>
<ul class="features">
<div id="divRss"></div>
</ul>
</div>
</section>
<!--
<section id="four" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showNav=0&showPrint=0&showCalendars=0&showTz=0&height=600&wkst=2&bgcolor=%23ff9966&src=ukba4p4bcm99u3d64b6t2025mo%40group.calendar.google.com&color=%23853104&ctz=Europe%2FRome" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
</div>
</section>
<!-- CTA
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Arcue ut vel commodo</h2>
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
</header>
<ul class="actions vertical">
<li><a href="#" class="button fit special">Activate</a></li>
<li><a href="#" class="button fit">Learn More</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.facebook.com/groups/programmersinpadua/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://twitter.com/programmersinpd" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Programmers in Padua</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script type="text/javascript" src="js/js/FeedEk.js"></script>
<script type="text/javascript" src="js/js/moments.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#divRss').FeedEk({
FeedUrl: 'https://www.wallflux.com/feed/192130790797621',
MaxCount: 5
});
});
</script>
</body>
</html>