-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathperfil.html
163 lines (145 loc) · 8.85 KB
/
perfil.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ELLIE TECN</title>
<link rel="shortcut icon" href="Imagens/LOGO2.jpg" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<!--BOOTSTRAP ICON-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<!--FIM DO BOOTSTRAP ICON-->
</head>
<body>
<header>
<div class="interface">
<div class="logo">
<a href="#">
<img src="Imagens/LOGO2.jpg" alt="logo">
</a>
</div> <!--fechar a classe logo-->
<nav class="menu-desktop">
<ul>
<li><a href="#">MENU</a></li>
<li><a href="#">SPECIALITEEE</a></li>
<li><a href="#">A PROPOS</a></li>
<li><a href="#">PROJET</a></li>
</ul>
</nav>
<div class="btn-contact">
<a href="#">
<button>CONTACT</button>
</a>
</div><!--fechar a div btn-contact-->
</div> <!--fechar a classe interface-->
</header>
<main>
<section class="topo-do-site">
<div class="interface">
<div class="flex">
<div class="testo-do-site">
<h1>TRANSFORMER LES IDEEES EN REALITE VIRTUELLE<span>.</span></h1>
<p> La créativité et l'Inovation vont de pair. Avec une combinaison unique de Design percutant, de Fonctionnalités
intuitives et d'Optimisation des résultats, je suis prêt à créer la présence en lige de vos rêves.
<span>Ellie TECN</span> est une entreprise innovante spécialisée dans la création de sites web personnalisés pour répondre aux besoins uniques de chaque client. Notre équipe talentueuse est dédiée à transformer vos idées en une présence en ligne captivante et efficace.</p>
<div class="btn-contact">
<a href="#">
<button>ENTREEZ EN CONTACT</button>
</a>
</div>
</div><!--teesto-do-site-->
<div class="image-do-site">
<img src="Imagens/vector-user-5a3a30354f2fd3.8037899915137628693244.jpg" alt="image do site">
</div><!--image-do-sitee-->
</div><!--fechar a classe flex-->
</section><!--fechar topo-do-site-->
<section class="especialidades">
<div class="interface">
<h2 class="tiulo">MES <span>SPEECIALITES</span></h2>
<div class="flex">
<div class="especialidades-box">
<i class="bi bi-file-code-fill"></i>
<h3>WEBSITE</h3>
<p>ELLIE TECN, votre passerelle vers une présence en ligne captivante et efficace. Nous sommes spécialisés dans la conception de sites web sur mesure, adaptés à vos besoins spécifiques et à votre identité de marque. Notre équipe talentueuse est là pour transformer vos idées en réalité numérique.</p>
</div><!--fechar especialidades-box-->
<div class="especialidades-box">
<i class="bi bi-cart4"></i>
<h3>STORE</h3>
<p>Nous créons des boutiques en ligne performantes et sécurisées pour permettre à votre entreprise de vendre ses produits et services en ligne. Nous sommes là pour vous aider à atteindre vos objectifs de vente en ligne.</p>
</div><!--fechar especialidades-box-->
<div class="especialidades-box">
<i class="bi bi-browser-chrome"></i>
<h3>BLOG</h3>
<p>Restez à jour avec les dernières tendances et les meilleures pratiques de l'industrie, grâce à nos articles informatifs et nos guides pratiques.</p>
</div><!--fechar especialidades-box-->
</div><!--fechar flex-->
</div> <!--fechar interface-->
</section> <!--fechar especialidades-->
<section class="sobre">
<div class="interface">
<div class="flex">
<div class="img-sobre">
<img src="Imagens/vector-user-5a3a30354f2fd3.8037899915137628693244.jpg" alt="Imagemm">
</div><!--fechar img-sobre-->
<div class="txt-sobre">
<h2>PLAISIR <span>Je suis JOEL ILUNGA,</span></h2>
<p>Une expertise approfondie dans la création de sites web dynamiques et conviviaux. En tant que PDG de l'entreprise <span>(ELLIE TECN)</span> de création de sites web, je dirige une équipe talentueuse pour offrir des solutions numériques de haute qualité à nos clients. En plus de mon expérience en développement web, je possède également des compétences en traduction de langues, ce qui me permet de créer des sites multilingues et de garantir une expérience utilisateur optimale pour un public diversifié à travers le monde.</p>
<div class="social">
<a href="https://messias.org.br/"><button><i class="bi bi-facebook"></i></button></a> <!--COLOCAR O BUTTOM DA REDE SOCIAL-->
<a href="#"><button><i class="bi bi-instagram"></i></button></a> <!--COLOCAR O BUTTOM DA REDE SOCIAL-->
<a href="#"><button><i class="bi bi-whatsapp"></i></button></a> <!--COLOCAR O BUTTOM DA REDE SOCIAL-->
</div>
</div> <!--fechar txt-sobre-->
</div> <!--fechar flex-->
</div><!--fechar interface-->
</section> <!--fechar sobre-->
<section class="portfolio">
<div class="interface">
<h2 class="tiulo">MON <span>PORTFOLIO</span></h2>
<div class="flex">
<div class="img-port" style="background-image: url(Imagens/vector-user-5a3a30354f2fd3.8037899915137628693244.jpg);">
<div class="overlay">Prtojet 1</div>
</div>
<div class="img-port" style="background-image: url(Imagens/vector-user-5a3a30354f2fd3.8037899915137628693244.jpg);">
<div class="overlay">Projet 2</div>
</div>
<div class="img-port" style="background-image: url(Imagens/vector-user-5a3a30354f2fd3.8037899915137628693244.jpg);">
<div class="overlay">Projet 3</div>
</div>
</div>
</div>
</section><!--fechando a section portfolio-->
<section class="formulario">
<div class="interface">
<h2 class="tiulo">CONTACTEZ <span>NOUS</span></h2>
<form action="">
<input type="text" name="" id="" placeholder="Votre mon complet:" required>
<input type="text" name="" id="" placeholder="Votre email:" required>
<input type="text" name="" id="" placeholder="Votre Telephone:">
<textarea name="" id="" placeholder="Votre message"></textarea>
<div class="btn-enviar"><input type="submit" value ="Envoyer"></div>
</form> <!--fechando a tag form-->
</div>
</section> <!--fechando a section formulario-->
</main><!--A tag main, guarda o conteúdo principal do nosso site e so pode ter uma tag main-->
<footer>
<div class="interface">
<div class="line-footer borda">
<div class="flex">
<div class="logo-footer">
<img src="Imagens/pattern001.png" alt="">
</div>
<div class="social">
<a href="https://messias.org.br/"><button><i class="bi bi-facebook"></i></button></a> <!--COLOCAR O BUTTOM DA REDE SOCIAL-->
<a href="#"><button><i class="bi bi-instagram"></i></button></a> <!--COLOCAR O BUTTOM DA REDE SOCIAL-->
<a href="#"><button><i class="bi bi-whatsapp"></i></button></a> <!--COLOCAR O BUTTOM DA REDE SOCIAL-->
</div>
</div>
</div><!--fechando a class line-footer-->
<div class="line-footer">
<p><i class="bi bi-envelope-arrow-up"> </i> <a href="mailto:[email protected]">[email protected]</a></p>
</div><!--fechando a class line-footer-->
</div><!--fechando a class interface-->
</footer>
</body>
</html>