-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (170 loc) · 10.6 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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
crossorigin="anonymous">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<title>Vision DEVS</title>
</head>
<!--
Theme - Single Page Bootstrap Theme
Developer - Vision DEVS
Version - 1.0
Email - [email protected] , [email protected]
-->
<body>
<!-- Start Nagigation -->
<nav class="navbar navbar-expand-sm navbar-dark bg-danger pl-5 fixed-top">
<a href="index.html" class="navbar-brand">Vision</a>
<span class="navbar-text">Confira os nossos Servicos</span>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="myMenu">
<ul class="navbar-nav pl-5 custom-nav">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#Services" class="nav-link">Servicos</a></li>
<li class="nav-item"><a href="#Courses" class="nav-link">Alguns Projectos</a></li>
<li class="nav-item"><a href="#Team" class="nav-link">Equipe</a></li>
<li class="nav-item"><a href="#Contact" class="nav-link">Contacto</a></li>
</ul>
</div>
</nav> <!-- End Navigation -->
<!-- Start Header Jumbotron-->
<header class="jumbotron back-image" style="background-image: url(images/Banner.jpeg);">
<div class="text-center" style="margin-top: 120px;">
<h1 class="text-uppercase text-danger font-weight-bold">Bem Vindo</h1>
<p class="font-italic font-weight-bold st">Veja com Calma</p>
<a href="#Contact" class="btn btn-outline-danger mr-4">Hire Us</a>
</div>
</header> <!-- End Header Jumbotron -->
<!-- Start Services -->
<div class="container text-center border-bottom" id="Services">
<h2>Nossos Servicos</h2>
<div class="row mt-4">
<div class="col-sm-4 mb-4">
<a href="#"><i class="fab fa-android fa-10x text-success"></i></a>
<h4 class="mt-4">Aplicacoes Android</h4>
</div>
<div class="col-sm-4 mb-4">
<a href="#"><i class="fas fa-desktop fa-10x text-primary"></i></a>
<h4 class="mt-4">Web Application</h4>
</div>
<div class="col-sm-4 mb-4">
<a href="#"><i class="fas fa-database fa-10x text-info"></i></a>
<h4 class="mt-4">Database</h4>
</div>
</div>
</div> <!-- End Services -->
<!-- Start Course -->
<div class="container pt-5" id="Courses"> <!-- Start Course Container -->
<h2 class="text-center">Alguns Projectos</h2> <!-- Course Heading -->
<div class="row mt-4"> <!-- Start Course 1st Row -->
<div class="col-lg-6 mb-4"> <!-- Start Course 1st Row's 1st Column -->
<img src="images/Portifolio.png" alt="" class="img-fluid">
</div> <!-- End Course 1st Row's 1st Column -->
<div class="col-lg-6"> <!-- Start Course 1st Row's 2nd Column -->
<h2 class="text-center">Projecto Portifolio </h2> <br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum ducimus, modi aut consequatur dolore ut praesentium esse recusandae at amet. Dolorem eius obcaecati ratione, quas laborum consequatur inventore vitae nostrum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos asperiores magnam culpa ullam. Quasi voluptatem eveniet sed velit tempore eaque adipisci magnam recusandae quaerat praesentium illo, animi, sit ratione quo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente nisi atque ipsam optio, iusto explicabo odit suscipit delectus quis eum adipisci quo voluptas laboriosam quisquam sit, sint asperiores eius in!</p>
</div> <!-- End Course 1st Row's 2nd Column -->
</div> <!-- End Course 1st Row -->
<div class="row mt-4"> <!-- Start Course 2nd Row -->
<div class="col-lg-6"> <!-- Start Course 2nd Row's 1st Column -->
<h2 class="text-center">Django App Delivery </h2> <br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum ducimus, modi aut consequatur dolore ut praesentium esse recusandae at amet. Dolorem eius obcaecati ratione, quas laborum consequatur inventore vitae nostrum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos asperiores magnam culpa ullam. Quasi voluptatem eveniet sed velit tempore eaque adipisci magnam recusandae quaerat praesentium illo, animi, sit ratione quo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente nisi atque ipsam optio, iusto explicabo odit suscipit delectus quis eum adipisci quo voluptas laboriosam quisquam sit, sint asperiores eius in!</p>
</div> <!-- End Course 2nd Row's 1st Column -->
<div class="col-lg-6 mb-4"> <!-- Start Course 2nd Row's 2nd Column -->
<img src="images/Django App.png" alt="" class="img-fluid">
</div> <!-- End Course 2nd Row's 2nd Column -->
</div> <!-- End Course 2nd Row -->
</div> <!-- End Course Container --> <!-- End Course -->
<!-- Start Team -->
<div class="jumbotron bg-danger" id="Team"> <!-- Start Team Jumbotron -->
<div class="container"> <!-- Start Team Container -->
<h2 class="text-center text-white">Team</h2> <!-- Team Heading-->
<div class="row mt-5"> <!-- Start Team Row-->
<div class="col-lg-6 col-sm-5"> <!-- Start Team 1st Column-->
<div class="card shadow-lg mb-2">
<div class="card-body text-center">
<img src="images/FotoYoyo.PNG" class="img-fluid" style="border-radius: 100px;">
<h4 class="card-title">Iyonissio Daniel Sitoe</h4>
<p class="card-text">Finalista do curso de Engenharia Informatica e de Telecomunicações, Desenvolvedor de Aplicações WEB com Python, Django e React Js, com forte conhecimento em
HTML, CSS, JAVASCRIPT, atualmente focado no desenvolvimento de habilidades no desenvolvimento de aplicativos móveis com Flutter</p>
</div>
</div>
</div> <!-- End Team 1st Column-->
</div> <!-- End Team Row-->
</div> <!-- End Team Container -->
</div> <!-- End Team Jumbotron -->
<!--Start Contact Us-->
<div class="container" id="Contact"> <!--Start Contact Us Container-->
<h2 class="text-center mb-4">Contacte-nos</h2> <!-- Contact Us Heading -->
<div class="row"> <!--Start Contact Us Row-->
<div class="col-md-8"> <!--Start Contact Us 1st Column-->
<form action="#" method="post">
<input class="form-control" name="name" placeholder="Name" /><br />
<input class="form-control" name="phone" placeholder="Phone" /><br />
<input class="form-control" name="email" placeholder="E-mail" /><br />
<textarea class="form-control" name="text" placeholder="How can we help you?" style="height:150px;"></textarea><br />
<input class="btn btn-primary" type="submit" value="Send" /><br /><br />
</form>
</div> <!-- End Contact Us 1st Column-->
<div class="col-md-4 text-center"> <!-- Start Contact Us 2nd Column-->
<strong>Como Encontrar me:</strong> <br>
<i class="fas fa-phone"></i>
<p><span class="contact-tile">Ligue para:</span> 846795003</p>
<a href="#" target="_blank">https:/Iyonissio/BeautifulCorpPage-Bootstrap4/</a> <br>
<i class="fas fa-envelope"></i>
<p><span class="contact-tile">Envie um email:</span> [email protected]</p>
<i class="fas fa-map-marker-alt"></i>
<p><span class="contact-tile">Localizacao :</span> Maputo, Machava</p>
<br><br>
</div> <!-- End Contact Us 2nd Column-->
</div> <!-- End Contact Us Row-->
</div> <!-- End Contact Us Container--> <!-- End Contact Us -->
<section id="map">
<iframe width="100%" height="550" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJRQoCUw6b5h4RAl7WzUkckgc&key=AIzaSyDVYDMRYwWRs2FLtRUC4tFWCeM7y837duo"
allowfullscreen></iframe>
</section>
<!-- Start Footer-->
<footer class="container-fluid bg-dark text-white mt-5" style="border-top: 3px solid #DC3545;">
<div class="container"> <!-- Start Footer Container -->
<div class="row py-3"> <!-- Start Footer Row -->
<div class="col-md-6"> <!-- Start Footer 1st Column -->
<div>
<span>Follow Us: </span>
<a href="https://www.facebook.com/iyonissio.daniel.5" target="_blank"><i class="fab fa-facebook-f px-3"></i></a>
<a href="https://twitter.com/IyonissioSitoe?s=09" target="_blank"><i class="fab fa-twitter pr-3"></i></a>
<a href="#" target="_blank"><i class="fab fa-youtube pr-3"></i></a>
<a href="#" target="_blank"><i class="fab fa-google-plus-g pr-3"></i></a>
<a href="#" target="_blank"><i class="fas fa-rss pr-3"></i></a>
</div>
</div> <!-- End Footer 1st Column -->
<div class="col-md-6 text-right"> <!-- Start Footer 2nd Column -->
<small> Designed by <a href="#" target="_blank">Vision DEVS</a> © 2020-2025. </small>
</div> <!-- End Footer 2nd Column -->
</div> <!-- End Footer Row -->
</div> <!-- End Footer Container -->
</footer> <!-- End Footer -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</body>
</html>