-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
142 lines (141 loc) · 6.96 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="web/static/images/favicon.png">
<title>readIT - "spread the culture"</title>
<link rel= "stylesheet" type= "text/css" href= "https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.2/css/bulma.css">
</head>
<body>
<section class="hero is-link is-fullheight">
<div class="hero-head">
<nav class="navbar">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="http://35.196.233.214">
<img src="web/static/images/LogoSmallHeader.png" alt="readIT logo">
</a>
</div>
<div id="navbarMenuHero" class="navbar-menu">
<div class="navbar-end">
<a id="1" href="http://35.196.233.214" class="navbar-item">
Go to platform
</a>
</div>
</div>
</div>
</nav>
</div>
<div class="hero-body">
<div class="container">
<img style="border-radius:2%" src="https://i.imgur.com/nNdilzd.jpg">
<div class="column has-text-centered">
<h1 class="title">This is readIT</h1>
<h2 class="subtitle">The first online community for sharing books</h2>
</br>
</div>
<div class="column">
</div>
<div class="columns">
<div class="column is-two-fifths">
<img style="border-radius:2%" src="https://images.unsplash.com/photo-1525715843408-5c6ec44503b1?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80.png">
</div>
<div class="columns is-vcentered is-centered ml-2 mr-2">
<div class="content is-medium">
<h4 class="title is-4">Share it</h4>
<p>
Join our adventure of sharing culture, entertainment and enjoy meeting people with your same interests.
Give your books a second life in the hands of those who need them.
</p>
</div>
</div>
</div>
<div class="column">
</div>
<div class="columns">
<div class="columns is-vcentered is-centered ml-2 mr-2">
<div class="content is-medium">
<h4 class="title is-4">Take it</h4>
<p>
Reading has that magic to sets us free. It feeds our curiosity, makes us learn from others and grow up. Be part of this community.
There is a book for you.
</p>
</div>
</div>
<div class="column is-two-fifths">
<img style="border-radius:2%" src="https://images.unsplash.com/photo-1513475382585-d06e58bcb0e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80.png">
</div>
</div>
<div class="column">
</div>
<div class="columns">
<div class="column is-two-fifths">
<img style="border-radius:2%" src="https://images.unsplash.com/photo-1523240795612-9a054b0db644?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80">
</div>
<div class="columns is-vcentered is-centered ml-2 mr-2">
<div class="content is-medium">
<h4 class="title is-4">User oriented</h4>
<p>
Enjoy a platform made for you. No fees, no subscriptions, and privacy-oriented. It is so simple as that: books-free-for-everyone.
</p>
</div>
</div>
</div>
<div class="column">
</div>
<div class="column has-text-centered">
<h1 class="title">About</h1>
<p>
This project aims to collaborate in the rescue of the book as an invaluable piece of cultural diffusion, and taking advantage of the benefits of the new technologies of the 21st century.
ReadIT, an expression that seeks to encourage reading but also conveys its belonging to the booming technology and information (IT) industry, constitutes a platform that aims to facilitate cultural access through the implementation of a second-hand books network, also contributing to sustainable consumption and spreading community values, with the shared reading as a factor of union between people.
</p>
</br>
</div>
<div class="columns">
<div class="column">
</div>
<div class="column has-text-centered">
<figure class="image is-96x96 is-inline-block">
<a href="https://github.com/luciana-sarachu"><img class="is-rounded" src="web/static/images/lucianaProfile.png"></a>
</figure>
</div>
<div class="column has-text-centered">
<figure class="image is-96x96 is-inline-block">
<a href="https://github.com/nicolasportela"><img class="is-rounded" src="web/static/images/nicolasProfile.png"></a>
</figure>
</div>
<div class="column has-text-centered">
<figure class="image is-96x96 is-inline-block">
<a href="https://github.com/ribeiro-uy"><img class="is-rounded" src="web/static/images/robertoProfile.png"></a>
</figure>
</div>
<div class="column has-text-centered">
<figure class="image is-96x96 is-inline-block">
<a href="https://github.com/sebastian-olmos"><img class="is-rounded" src="web/static/images/sebastianProfile.png"></a>
</figure>
</div>
<div class="column">
</div>
</div>
</br>
<div class="column has-text-centered">
<h6 class="title is-6">GitHub repository:</h6>
<a href="https://github.com/nicolasportela/readIT"><img style="border-radius:2%" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQrF9BiTubclMS2dy0kn2wf1ufdnLFgeGJlSLB6MuSmyD6gEBJgeq9h7V-mwR_y_x_uRw&usqp=CAU"></a>
</div>
<footer class="hero-footer is-link">
<div class="container">
<div class="content has-text-right ">
<p class="px-1">
<hr>
<strong>readIT - "Spread the culture"</strong><br>
Holberton School - Montevideo Cohort #13
</p>
</br>
</div>
</div>
</footer>
</section>
</body>
</html>