-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMiComunidad.html
99 lines (92 loc) · 5.65 KB
/
MiComunidad.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
<!DOCTYPE html>
<html lang="en-ES">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mi Comunidad</title>
<meta content="IE=edge" http-equiv="x-ua-compatible">
<meta content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/responsive.css">
</head>
<body>
<div id="main">
<div id="page">
<div class="top-navbar">
<div class="top-navbar-left"><a href="index.html" ><i class="fa fa-angle-left"></i></a></div>
<div class="top-navbar-right"><a href="#" class="dropdown-button" ><i class="fa fa-bell"></i></a>
</div>
<div class="site-title">
<h1>Mi comunidad</h1></div>
</div>
<div class="content-container">
<div class="MiComunidad-card profile-page animated fadeInUp">
<div class="profile-tabs">
<ul class="tabs" style="width: 100%;">
<li class="tab"><a class="active" href="#denuncias">Personas en mi comunidad</a></li>
<li class="tab"><a href="#photo">Enviar mensaje</a></li>
<div class="indicator" style="right: 902px; left: 0px;"></div>
<div class="indicator" style="right: 902px; left: 0px;"></div>
</ul>
</div>
<div class="profile-content">
<div id="denuncias">
<div class="content-container">
<div class="MiComunidad-card animated fadeInUp">
<ol class="blog-archieve">
<li><a class="item-archieve" href="#">Alirio Sanchez</a></li>
<li><a class="item-archieve" href="#">Diana Luz Romero Mogajes</a></li>
<li><a class="item-archieve" href="#">Víctor Manuel Morato</a></li>
<li><a class="item-archieve" href="#">Jorge Jimy Celis</a></li>
<li><a class="item-archieve" href="#">Plinio Pulgarín</a></li>
<li><a class="item-archieve" href="#">Luis Díaz López</a></li>
<li><a class="item-archieve" href="#">Arley Johanny Mogollón Becerra</a></li>
<li><a class="item-archieve" href="#">Miguel Eduardo Parra Rondón</a></li>
</ol>
</div>
</div>
</div>
<div id="photo" style="display: none;">
<div class="profile-block">
<ol class="MiComunidad-chat animated fadeInUp">
<li class="opponent">
<div class="message">Buenos días. Se ven personas deconocidas en el corregimiento El Caracol.</div>
</li>
<li class="self">
<ol class="messages">
<li>Buenos días, gracias por la información.</li>
<li>Dare aviso a las autoridades.</li>
</ol>
</li>
<li class="tl-date">Mayo 15 2019</li>
<li class="opponent">
<ol class="messages">
<li>Buenos tardes.</li>
<li>Hoy se realizara un taller sobre auto protección.</li>
<li>El taller se realizara a las 3 de la tarde.</li>
<li>Estan todos los miembros de la comunidad invitados.</li>
</ol>
</li>
</ol>
<div class="bottom fixed">
<div class="chat-msg-form"><span class="img-icon"><i class="fa fa-camera"></i></span><span class="input-form"><input type="text" placeholder="Mensaje"></span><span class="send-button"><button type="button" name="button">Enviar</button></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<script type="text/javascript" src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<div class="hiddendiv common"></div>
<div class="drag-target" style="left: 0px; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div class="drag-target" style="right: 0px; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
</body>
</html>