-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
91 lines (91 loc) · 4.78 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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation</title>
<link rel="stylesheet" href="css/app.css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<script src="bower_components/modernizr/modernizr.js"></script>
</head>
<body>
<div class="row container-fluid landing-cover">
<div class="small-12 columns small-12 medium-6 right cover-content">
<div class="mozk-logo">
<img src="images/mozK-logo.png" alt="Logo" />
</div>
<div class="heading">
<h1 class="main">Mozilla Kerala</h1>
<div class="subhead">Doing good is a part of our code</div>
</div>
</div>
</div>
<div class="row container-fluid content-div">
<div class="image-overlay">
</div>
<div class="small-12 columns cover-image">
<div class="small-12 medium-offset-1 medium-8 large-5 large-offset-1 columns overlay-content about-mozk">
<h2 class="small-12 columns">Be A Part of Mozilla Kerala</h2>
<div class="small-12 columns description">
The Mozilla Kerala community is part of the global Mozilla community, primarily aimed at spreading the mission of Mozilla in Kerala. If you haven't guessed already, most of us here are hard core Mozilla nuts smile emoticon But as geeks go, we care about other stuff too.
</div>
</div>
</div>
</div>
<div class="row activities">
<div class="small-12 columns content">
<div class="small-12 columns what-we-do-header">
What we do?
</div>
<div class="small-12 columns list-item">
<div class="small-12 columns header">
We teach
</div>
<div class="small-12 columns">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
<div class="small-12 columns list-item">
<div class="small-12 columns header">
We empower
</div>
<div class="small-12 columns">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
<div class="small-12 columns list-item">
<div class="small-12 columns header">
We inspire
</div>
<div class="small-12 columns">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
</div>
<div class="row links">
<h2 class="small-12 columns downloads">Get smart on privacy</h2>
<div class="small-12 medium-4 columns tile-item">
<div class="small-12 text-center image">
<img src="images/tile1-ff.png" alt="" data-sr="wait 0.2s, scale up 30%'"/>
</div>
</div>
<div class="small-12 medium-4 columns tile-item">
<div class="small-12 text-center image">
<img src="images/tile3-ffmobile.png" alt="" data-sr="wait 0.6s, scale up 30%'"/>
</div>
</div>
<div class="small-12 medium-4 columns tile-item">
<div class="small-12 text-center image">
<img src="images/tile2-ffos.png" alt="" data-sr="wait 1s, scale up 30%'"/>
</div>
</div>
</div>
<div class="row container-fluid events">
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="bower_components/scrollreveal/scrollReveal.js" charset="utf-8"></script>
<script src="js/app.js"></script>
</body>
</html>