generated from DanteAlonsoHT/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
about.html
165 lines (164 loc) · 8.88 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Page</title>
<link rel="icon" href="img/compainesLogo.svg" type="image/svg+xml">
<!--Bootstrap CSS-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<!--Import Boxicons as a Font-->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="preconnect" href="https://fonts.gstatic.com">
<!--Lato Google Font-->
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400&display=swap" rel="stylesheet">
<!--Import Lato Font-->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400&display=swap');
</style>
</head>
<body>
<!-- Navbar section STARTS -->
<header>
<div class="container-fluid first-navbar">
<nav class="d-none d-md-block navbar-light">
<div class="container-lg d-flex flex-row-reverse">
<a class="text-decoration-none ps-3" href="#">Logout</a>
<a class="text-decoration-none ps-3" href="#">My Page</a>
<a class="text-decoration-none ps-3" href="#">English</a>
<a class="text-decoration-none ps-3" href="#"><i class='bx bxl-twitter'></i></a>
<a class="text-decoration-none ps-3" href="#"><i class='bx bxl-facebook'></i></a>
</div>
</nav>
</div>
<nav class="navbar navbar-expand-md navbar-light second-navbar px-3 px-md-0">
<div class="container-md p-0">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="img/compainesLogo.svg" alt="companies-logo" height="86"></a>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav me-auto mb-2 mb-md-0 d-block d-md-flex justify-content-end w-100">
<li class="nav-item p-2">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item ps-md-4 p-2">
<a class="nav-link" id="activeNowAbout" href="about.html">About</a>
</li>
<li class="nav-item ps-md-4 p-2">
<a class="nav-link" href="tickets.html">Tickets</a>
</li>
<li class="nav-item ps-md-4 p-2">
<a class="nav-link" href="#">Program</a>
</li>
<li class="nav-item ps-md-4 p-2">
<a class="nav-link" href="#">Sponsors</a>
</li>
<li class="nav-item m-0 ps-md-4">
<button class="Navbar-button" type="button">Enroll it</button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Navbar section ENDS -->
<!-- About main page STARTS -->
<section>
<div class="container-fluid hero-page">
<div class="container-md">
<div class="row pt-md-5">
<div class="col-12 mt-5 pt-5 mt-md-0">
<article class="mt-5 pt-4 about-main-section text-center">
<h1 class="mt-2 py-2 w-md-75">MASTER COMPUTER VISION BOOTCAMP</h1>
<div class="my-4 about-line"></div>
<div class="border bg-white lh-md m-0 my-2 py-3 text-muted px-1 px-md-5">
<p class="pt-1">
The Master Computer Vision Bootcamp is a high impact program to become a computer vision engineer, we want to make a great community to improve the technology areas for people from anywhere. <br>
</p>
<p class="d-none d-md-block">
We provide you people who has the same interested as you, we have an awesome portfolio to help you to get your first job as a computer vision engineer, then you can access to our entire program and you are going to learn a lot about how this industry is growing each year.<br>
If you are intested on our program, you can see more information in the link below, to know more about how our program can help you to access a global opportunities even if you don't life in high opportunities country. We want to help you to reach your goals.
</p>
</div>
<h2 class="fs-12 fs-md-6 mt-4 text-muted lh-md px-4">Please contact us per Email for any further questions about Master Computer Vision Bootcamp.</h2>
<a href="#" class="pb-5 mb-5 d-block fw-bold text-muted">[email protected] ></a>
</article>
</div>
</div>
</div>
</div>
</section>
<!-- About main page ENDS -->
<!-- About logo STARTS -->
<section>
<div class="container-md">
<div class="row">
<div class="col-12 my-5 text-center d-block">
<div>
<h4>Computer Vision Companie's logo</h4>
<div class="my-4 about-line"></div>
<p>This logo was selected to see how our Master Computer Vision Bootcamp 2021 edition.</p>
</div>
<div class="border logo-border">
<img src="img/compainesLogo.svg" alt="companies-logo" width="220" >
</div>
</div>
</div>
</div>
</section>
<!-- About logo ENDS -->
<!-- About logo STARTS -->
<section>
<div class="container-md border-top">
<div class="row">
<div class="col-12 my-5 text-center d-block p-3">
<div>
<h4>See the past Master Computer Vision Bootcamp</h4>
<div class="my-4 about-line"></div>
<p>Take a look at the last two Master Computer Vision Bootcamps, in the beginning we gave this program offline.</p>
</div>
<div class="d-block d-md-flex p-3">
<div class="col-12 col-md-6 pastBootcamp-card1 me-md-3 my-3 d-flex flex-column justify-content-center">
<h6 class="fw-bold fs-1">2019</h6>
<p class="fs-5">Master Computer Vision Bootcamp in Cd. de México</p>
</div>
<div class="col-12 col-md-6 pastBootcamp-card2 ms-md-3 my-3 d-flex flex-column justify-content-center">
<h6 class="fw-bold fs-1">2020</h6>
<p class="fs-5">Master Computer Vision Bootcamp in Monterrey</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About logo ENDS -->
<!-- Footer STARTS -->
<footer>
<div class="container-md">
<div class="row mt-3">
<div class="col-12">
<ul class="d-flex justify-content-center m-0 p-0">
<li><a href="#"><i class='bx bxl-facebook-circle'></i></a></li>
<li><a href="#"><i class='bx bxl-twitter'></i></a></li>
<li><a href="#"><i class='bx bxl-youtube'></i></a></li>
</ul>
</div>
</div>
<div class="row text-center my-3">
<p>Copyright © 2021 ComputerVZ - Final Capstone Module HTML/CSS</p>
</div>
<div class="row border my-3 py-2 px-0 d-md-flex">
<div class="text-center">Icons made by <a class="text-decoration-none" href="https://www.flaticon.com/authors/good-ware" title="Good Ware">Good Ware</a> from <a class="text-decoration-none" href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
<div class="text-center">Design idea by <a class="text-decoration-none" href="https://www.behance.net/adagio07">Cindy Shin | GUI & Graphic Designer</a> </div>
</div>
</div>
</footer>
<!-- Footer ENDS -->
<!--Bootstrap JS-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
</body>
</html>