Skip to content

Commit a412b56

Browse files
robotalehrobotaleh
committed
Añade página de RRSS
1 parent 89eae41 commit a412b56

2 files changed

Lines changed: 169 additions & 1 deletion

File tree

‎assets/css/custom.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -258,10 +258,14 @@ header .overlay {
258258
transform: scale(1.1) rotate(-5deg);
259259
}
260260

261-
.card .card-header-blue {
261+
.card .card-header-blue, .btn-blue {
262262
background: linear-gradient(60deg, #534b8c, #292c6c)
263263
}
264264

265+
.btn-dark {
266+
background: linear-gradient(60deg, #2b3137, #47515a)
267+
}
268+
265269
.page-header {
266270
height: 90vh;
267271
}

‎rrss/index.html‎

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
<!doctype html>
2+
<html lang="es">
3+
4+
<head>
5+
<title>OPRobots - Empirismo y SAAAV sin límites</title>
6+
<!-- Required meta tags -->
7+
<meta charset="utf-8">
8+
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
9+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
10+
<!-- Favicon -->
11+
<link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicon/apple-touch-icon.png">
12+
<link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicon/favicon-32x32.png">
13+
<link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicon/favicon-16x16.png">
14+
<link rel="manifest" href="../assets/img/favicon/site.webmanifest">
15+
<link rel="mask-icon" href="../assets/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
16+
<link rel="shortcut icon" href="../assets/img/favicon/favicon.ico">
17+
<meta name="msapplication-TileColor" content="#2d89ef">
18+
<meta name="msapplication-config" content="../assets/img/favicon/browserconfig.xml">
19+
<meta name="theme-color" content="#ffffff">
20+
<!-- Fonts and icons -->
21+
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
22+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
23+
<!-- Material Kit CSS -->
24+
<link href="../assets/css/material-kit.css?v=2.0.4" rel="stylesheet" />
25+
<link href="../assets/css/timeline.css?v=3" rel="stylesheet" />
26+
<link href="../assets/css/custom.css?v=3" rel="stylesheet" />
27+
<link href="../assets/css/preloader.css?v=3" rel="stylesheet" />
28+
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
29+
</head>
30+
31+
<body class="profile-page">
32+
33+
<div class="page-header header-filter" data-parallax="true" style="background-image: url('../assets/img/sobre-nosotros/background-title_3.jpg')">
34+
</div>
35+
<div class="main main-raised">
36+
<div class="profile-content">
37+
<div class="container pb-1">
38+
<div class="row">
39+
<div class="col-md-6 ml-auto mr-auto">
40+
<div class="profile">
41+
<div class="avatar">
42+
<img src="../assets/img/logos/opr_logo_round_320.png" alt="Circle Image" class="img-raised rounded-circle img-fluid">
43+
</div>
44+
</div>
45+
</div>
46+
</div>
47+
<div class="row justify-content-center">
48+
<div class="col-12 col-md-8 col-lg-6">
49+
<h3 class="title w-100 text-center m-0">Nuestra página web</h3>
50+
</div>
51+
</div>
52+
<div class="row justify-content-center mb-4">
53+
<div class="col-12 col-md-8 col-lg-6">
54+
<a href="../" class="btn btn-lg btn-blue w-100 d-flex align-items-center justify-content-between">
55+
<h3 class="card-title w-100 d-flex align-items-center justify-content-between" style="color: white;text-transform: none;"><i class="material-icons m-0" style="font-size: 3em;">language</i>Robots y Tienda</h3>
56+
</a>
57+
</div>
58+
</div>
59+
<div class="row justify-content-center">
60+
<div class="col-12 col-md-8 col-lg-6">
61+
<h3 class="title w-100 text-center m-0">Síguenos en Redes Sociales!</h3>
62+
</div>
63+
</div>
64+
<div class="row justify-content-center mb-2">
65+
<div class="col-12 col-md-8 col-lg-6">
66+
<a href="https://www.instagram.com/oprobots" class="btn btn-lg btn-rose w-100 d-flex align-items-center justify-content-between">
67+
<h3 class="card-title w-100 d-flex align-items-center justify-content-between" style="color: white;text-transform: none;"><i class="lab la-instagram" style="font-size: 3em;"></i>@OPRobots</h3>
68+
</a>
69+
</div>
70+
</div>
71+
<div class="row justify-content-center mb-2">
72+
<div class="col-12 col-md-8 col-lg-6">
73+
<a href="https://twitter.com/OPRobots" class="btn btn-lg btn-info w-100 d-flex align-items-center justify-content-between">
74+
<h3 class="card-title w-100 d-flex align-items-center justify-content-between" style="color: white;text-transform: none;"><i class="lab la-twitter" style="font-size: 3em;"></i>@OPRobots</h3>
75+
</a>
76+
</div>
77+
</div>
78+
79+
<div class="row justify-content-center mb-2">
80+
<div class="col-12 col-md-8 col-lg-6">
81+
<a href="https://twitch.tv/OPRobots/" class="btn btn-lg btn-primary w-100 d-flex align-items-center justify-content-between">
82+
<h3 class="card-title w-100 d-flex align-items-center justify-content-between" style="color: white;text-transform: none;"><i class="lab la-twitch" style="font-size: 3em;"></i>@OPRobots</h3>
83+
</a>
84+
</div>
85+
</div>
86+
87+
<div class="row justify-content-center mb-2">
88+
<div class="col-12 col-md-8 col-lg-6">
89+
<a href="https://www.youtube.com/@OPRobots" class="btn btn-lg btn-danger w-100 d-flex align-items-center justify-content-between">
90+
<h3 class="card-title w-100 d-flex align-items-center justify-content-between" style="color: white;text-transform: none;"><i class="lab la-youtube" style="font-size: 3em;"></i>@OPRobots</h3>
91+
</a>
92+
</div>
93+
</div>
94+
95+
<div class="row justify-content-center mb-4">
96+
<div class="col-12 col-md-8 col-lg-6">
97+
<a href="https://github.com/OPRobots" class="btn btn-lg btn-dark w-100 d-flex align-items-center justify-content-between">
98+
<h3 class="card-title w-100 d-flex align-items-center justify-content-between" style="color: white;text-transform: none;"><i class="lab la-github" style="font-size: 3em;"></i>@OPRobots</h3>
99+
</a>
100+
</div>
101+
</div>
102+
103+
<div class="row justify-content-center">
104+
<div class="col-12 col-md-8 col-lg-6">
105+
<h3 class="title w-100 text-center m-0">Nuestro eMail de contacto</h3>
106+
</div>
107+
</div>
108+
<div class="row justify-content-center mb-2">
109+
<div class="col-12 col-md-8 col-lg-6">
110+
<a href="mailto:oprobots.contacto@gmail.com" class="btn btn-lg w-100 d-flex align-items-center justify-content-between">
111+
<h3 class="card-title w-100 d-flex align-items-center justify-content-between" style="color: white;text-transform: none;"><i class="las la-envelope mr-3" style="font-size: 3em;"></i><small style="color: white;word-break: break-word;
112+
line-height: 1;text-wrap: wrap;">oprobots.contacto@gmail.com</small>
113+
</h3>
114+
</a>
115+
</div>
116+
</div>
117+
118+
</div>
119+
</div>
120+
</div>
121+
122+
<footer class="footer footer-default">
123+
<div class="container">
124+
<nav class="float-left">
125+
<ul>
126+
<li>
127+
<a href="#">
128+
Designed by Álex Santos
129+
</a>
130+
</li>
131+
</ul>
132+
</nav>
133+
<div class="copyright float-right">
134+
&copy;
135+
<!-- <script>
136+
document.write(new Date().getFullYear())
137+
</script> -->2018, Framework made by
138+
<a href="https://www.creative-tim.com/" target="blank">Creative Tim</a>.
139+
</div>
140+
</div>
141+
</footer>
142+
<!-- Core JS Files -->
143+
<script src="../assets/js/core/jquery.min.js" type="text/javascript"></script>
144+
<script src="../assets/js/core/popper.min.js" type="text/javascript"></script>
145+
<script src="../assets/js/core/bootstrap-material-design.min.js" type="text/javascript"></script>
146+
<script src="../assets/js/plugins/moment.min.js"></script>
147+
<!-- Plugin for the Datepicker, full documentation here: https://github.com/Eonasdan/bootstrap-datetimepicker -->
148+
<script src="../assets/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script>
149+
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
150+
<script src="../assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
151+
<!-- Plugin for Sharrre btn -->
152+
<script src="../assets/js/plugins/jquery.sharrre.js" type="text/javascript"></script>
153+
<!-- Control Center for Material Kit: parallax effects, scripts for the example pages etc -->
154+
<script src="../assets/js/material-kit.js?v=2.0.4" type="text/javascript"></script>
155+
<script src="../assets/js/custom.js?v=2.0.4" type="text/javascript"></script>
156+
157+
<script>
158+
$(function () {
159+
// JS para ejecutar al cargar la página
160+
});
161+
</script>
162+
</body>
163+
164+
</html>

0 commit comments

Comments
 (0)