-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
164 lines (162 loc) · 8.92 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>RED in Dev</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="img/logoB.png" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- Third party plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"> <img src="img/logoB.png" class = "logo"></a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#contact">Contact</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index_es.html">Es</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<hr class="divider my-4" />
<h1 class="text-uppercase textoMainColor font-weight-bold">Your Idea, A Web Reality</h1>
<hr class="divider my-4" />
</div>
<div class="col-lg-8 align-self-baseline">
<p class="textoMainColor font-weight-light mb-5">in few steps and with the minimun time,
<br />we'll bring your idea to Reality.<br />
</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about"><span>Find Out More</span></a>
</div>
</div>
</div>
</header>
<!-- About-->
<section class="page-section h-100 bg-primary align-items-center" id="about">
<div class="container align-items-center">
<div class="row justify-content-center">
<div class="col-lg-8 align-items-center text-center">
<h2 class="text-white mt-0">
All our solutions are based on <br />
Agile Development and Quick Delivery
</h2>
<hr class="divider light my-4" />
<p class="text-white-50 mb-4"> our mission is to Develop the right software for our clients needs
</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#services">Get Started!</a>
</div>
</div>
</div>
</section>
<!-- Services-->
<section class="page-section" id="services">
<div class="container">
<h2 class="text-center mt-0">What we offer</h2>
<hr class="divider my-4" />
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-gem text-primary mb-4"></i>
<h3 class="h4 mb-2">Quality Assure</h3>
<p class="text-muted mb-0">
professional, responsible, polished.
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-code text-primary mb-4"></i>
<h3 class="h4 mb-2">Up to Date</h3>
<p class="text-muted mb-0">always the last technologies</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-cloud text-primary mb-4"></i>
<h3 class="h4 mb-2">cloud & On-demand </h3>
<p class="text-muted mb-0">100% cloud computing</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-heart text-primary mb-4"></i>
<h3 class="h4 mb-2">Made with Love</h3>
<p class="text-muted mb-0">
is our pleasure to join your purpose
</p>
</div>
</div>
</div>
<div>
<div class="row justify-content-center">
<div class="col-lg mr-auto text-center">
<p><br /></p>
<a class="btn btn-success btn-xl js-scroll-trigger" href="#contact"><span>let's do this!</span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- NO lo Veo con el flujo de l pagina
<section class="page-section back-blue text-white">
<div class="container text-center">
<h2 class="mb-4">Servicios en la nube</h2>
<p class="text-muted mb-0">Muévete con más rapidez y eficiencia ahorrando dinero gestionando tus servidores desde la nube.
</p>
</div>
</section>
-->
<!-- Contact-->
<section class="page-section back-blue h-perso" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0 text-white ">Let's Get In Touch!</h2>
<hr class="divider my-4" />
<p class="text-white mb-5">send us your idea, we'll design the best plan to create it and get a demo working in no time. would you like it?</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg mr-auto text-center">
<a href="mailto:info@redindev.com"><i class="fas fa-envelope fa-3x mb-3 text-white" ></i><a />
<a class="d-block" href="mailto:info@redindev.com">info@REDinDev.com</a>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="bg-light pLet's Get In Touch!
y-5">
<div class="container"><div class="small text-center text-muted">Copyright © 2020 - REDinDev</div></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>