-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathprofile.html
137 lines (115 loc) · 5.61 KB
/
profile.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--=============== REMIXICONS ===============-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css">
<!--=============== CSS ===============-->
<link rel="stylesheet" href="./assets/css/styles.css">
<link rel="stylesheet" href="./assets/css/profile.css">
<!--=============== JS ===============-->
<script src="./assets/js/header.js" defer></script>
<script src="./assets/js/profile.js" defer></script>
<!--=============== TITLE AND ICON ===============-->
<title>Perfil | MotorSeguros</title>
<link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon">
<meta name="title" content="MotorSeguros">
<meta name="description"
content="Motor Seguros é um projeto desenvolvido para a disciplina de Programação Web, que visa criar um site de seguros para carros e motos. Este site permite ao utilizador visualizar e contratar seguros de maneira simples e eficiente.">
<meta name="keywords" content="seguros, seguro para carro, seguro para mota, seguro para veiculo, seguro automóvel">
<meta name="author" content="@guilhermelouro, @miguellobato96, @kalebeccs, @rafadegus">
<meta property="og:title" content="MotorSeguros">
<meta property="og:description"
content="Motor Seguros é um projeto desenvolvido para a disciplina de Programação Web, que visa criar um site de seguros para carros e motos. Este site permite ao utilizador visualizar e contratar seguros de maneira simples e eficiente.">
<meta property="og:site_name" content="motorseguros.pt">
<meta property="og:url" content="https://motorseguros.pt/">
<meta property="og:type" content="website">
<meta property="og:image" content="">
</head>
<body>
<!--==================== HEADER ====================-->
<header class="header" id="header">
<nav class="nav container">
<a href="./index.html" class="nav__logo">
<img class="nav__img" src="./assets/img/logo.webp" alt="logo">
</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item">
<a href="./index.html" class="nav__link">Home</a>
</li>
<li class="nav__item">
<a href="./insurance-and-simulation.html" class="nav__link">Seguros <br>& Simulações</a>
</li>
<li class="nav__item">
<a href="./promotion-and-benefits.html" class="nav__link">Promoções <br>& Beneficios</a>
</li>
<li class="nav__item">
<a href="./contact.html" class="nav__link">Contatos</a>
</li>
</ul>
<!-- Close button -->
<div class="nav__close" id="nav-close">
<i class="ri-close-line"></i>
</div>
</div>
<div class="nav__actions">
<!-- Avatar -->
<a class="nav__exit" href="#">
<i class="ri-logout-box-line" id="nav-exit"></i>
<img class="nav__avatar" id="nav-avatar" src="./assets/img/avatar-blank.webp" alt="image avatar">
</a>
<!-- Toggle button -->
<div class="nav__toggle" id="nav-toggle">
<i class="ri-menu-line"></i>
</div>
</div>
</nav>
</header>
<!--==================== MAIN ====================-->
<main class="main main__profile">
<section class="profile container">
<div class="profile__container">
<img class="profile__avatar" id="profile-avatar" src="./assets/img/avatar-blank.webp" alt="Profile Picture">
<p class="profile__name" id="profile-name">fName lName</p>
<p class="profile__address" id="profile-address">address 404 Any</p>
<p class="profile__phone" id="profile-phone">123 456 789</p>
<p class="profile__email" id="profile-email">[email protected]</p>
<a class="profile__btn" id="profile-to-simulations" href="#simulations">
Simulations
</a>
</div>
</section>
<section class="simulations container" id="simulations">
<div class="simulations__content">
<h2 class="simulations__title">⚠ Still in Construction ⚠</h2>
<img class="simulations__img" src="./assets/img/barreira.webp" alt="barreira de obras">
</section>
</main>
<!--==================== FOOTER ====================-->
<footer class="footer">
<div class="footer__content container">
<a class="footer__mail__link" href="mailto:[email protected]">
<i class="footer__mail__icon ri-mail-line"></i>
</a>
<span class="footer__copy">© Motor Seguros Ltda. - 2024</span>
<div class="footer__social">
<a class="footer__social__link" href="#">
<i class="footer__icon ri-instagram-line"></i>
</a>
<a class="footer__social__link" href="https://www.facebook.com/profile.php?id=61561459582613">
<i class="footer__icon ri-facebook-line"></i>
</a>
<a class="footer__social__link" href="#">
<i class="footer__icon ri-linkedin-line"></i>
</a>
<a class="footer__social__link" href="https://www.youtube.com/channel/UCyxE_NJEW6M8cXqqKsFogVg">
<i class="footer__icon ri-youtube-line"></i>
</a>
</div>
</div>
</footer>
</body>
</html>