-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
133 lines (129 loc) · 4.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/style.css" />
<title>Python Panamá</title>
<!-- TAGS -->
<meta name="keywords" content="Python Panama" />
<meta name="description" content="Comunidad Python Panama" />
<meta name="author" content="Python Panama" />
<!-- Favicon -->
<link rel="shortcut icon" href="images/icon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
</head>
<body>
<nav class="navbar navbar-light bg-light">
<div class="container-fluid">
<div class="navbar-brand">
<a href="index.html">
<img
alt="Python Panama"
width="250"
height="55"
data-sticky-width="200"
data-sticky-height="44"
src="images/logo.png"
/>
</a>
</div>
<div class="navbar-nav d-flex flex-row">
<a class="nav-link p-2 active" aria-current="page" href="#">Inicio</a>
<a class="nav-link p-2" href="#">Contáctanos</a>
<a
href="https://www.instagram.com/pythonpanama/"
class="btn social-icon button"
data-abc="true"
>
<i class="fa fa-instagram btn-round"></i>
</a>
<a
href="https://discord.gg/pR4Qkusugs"
class="btn social-icon button"
data-abc="true"
>
<i class="fab fa-discord"></i>
</a>
<a
href="https://t.me/pythonpanama"
class="btn social-icon button"
data-abc="true"
>
<i class="fa fa-telegram btn-round"></i>
</a>
</div>
</div>
</nav>
<section id="hero-section" class="container-fluid">
<div id="hero" class="d-flex justify-content-center align-items-center">
<div class="text-white text-center">
<h1 class="mb-3">Comunidad Panameña de Python Panamá</h1>
<h4 class="mb-3">¡Comprometidos a que todo Panamá hable Python!</h4>
</div>
</div>
</section>
<section id="features" class="container">
<div class="row">
<h2 class="h1-responsive font-weight-bold my-5 text-center">
Lo que hacemos
</h2>
<div class="col-md-4 d-flex flex-column">
<i class="fa fa-meetup fa-3x red-text align-self-center"></i>
<h5 class="font-weight-bold my-4 align-self-center">Meetups</h5>
<p class="grey-text mb-md-0 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Reprehenderit maiores aperiam minima assumenda deleniti hic.
</p>
</div>
<div class="col-md-4 d-flex flex-column">
<i class="fa fa-cogs fa-3x cyan-text align-self-center"></i>
<h5 class="font-weight-bold my-4 align-self-center">
Talleres y Cursos
</h5>
<p class="grey-text mb-md-0 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Reprehenderit maiores aperiam minima assumenda deleniti hic.
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 d-flex flex-column">
<i class="fa fa-handshake-o fa-3x orange-text align-self-center"></i>
<h5 class="font-weight-bold my-4 align-self-center">Comunidad</h5>
<p class="grey-text mb-0">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Reprehenderit maiores aperiam minima assumenda deleniti hic.
</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</section>
<footer class="container bg-light text-center fixed-bottom mw-100">
<div class="text-center">
Copyright ©
<script>
document.write(new Date().getFullYear());
</script>
Python Panamá. Todos los derechos reservados.
</div>
</footer>
<script
src="https://kit.fontawesome.com/74f718be6e.js"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"
></script>
</body>
</html>