1+ <!DOCTYPE html>
2+ < html lang ="pt-BR ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6+ < title > GhzHost</ title >
7+ < link rel ="stylesheet " href ="style.css " />
8+ < link rel ="preconnect " href ="https://fonts.googleapis.com ">
9+ < link href ="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap " rel ="stylesheet ">
10+ </ head >
11+ < body >
12+ < header class ="topbar ">
13+ < div class ="left ">
14+ < img src ="ia-chat.png " alt ="Chat Icon " class ="icon "> Chat
15+ </ div >
16+ < div class ="right ">
17+ < img src ="login.png " alt ="Login Icon " class ="icon "> < a href ="# "> Login</ a >
18+ </ div >
19+ </ header >
20+
21+ < nav class ="navbar ">
22+ < div class ="logo ">
23+ < img src ="logo.png " alt ="GhzHost Logo ">
24+ < span > GhzHost</ span >
25+ </ div >
26+ < ul >
27+ < li > < a href ="# "> Home</ a > </ li >
28+ < li > < a href ="# "> Store V</ a > </ li >
29+ < li > < a href ="# "> Anúncios</ a > </ li >
30+ < li > < a href ="# "> Base de conhecimento</ a > </ li >
31+ < li > < a href ="# "> Mais</ a > </ li >
32+ < li > < a href ="# "> Contas</ a > </ li >
33+ </ ul >
34+ </ nav >
35+
36+ < section class ="hero ">
37+ < div class ="hero-text ">
38+ < h1 > < span class ="highlight-green "> Carrossel</ span > < span class ="highlight-red "> de Frases</ span > </ h1 >
39+ < div class ="buttons ">
40+ < button class ="btn btn-blue "> Comece</ button >
41+ < button class ="btn btn-outline "> Compre Agora</ button >
42+ </ div >
43+ </ div >
44+ < div class ="hero-img ">
45+ < img src ="Controle.png " alt ="Controle Gamer ">
46+ </ div >
47+ </ section >
48+
49+ < section class ="pricing ">
50+ < div class ="card ">
51+ < img src ="Planos.svg " alt ="Plano Basic " class ="plan-bg ">
52+ < h2 > Basic</ h2 >
53+ < ul >
54+ < li > ✔ 5 GB SSD Storage</ li >
55+ < li > ✔ 250GB Bandwidth</ li >
56+ < li > ✔ 5 Websites Included</ li >
57+ < li > ✔ FREE SSL Certificates</ li >
58+ < li > ✔ LiteSpeed with LSCache</ li >
59+ < li > ✔ Free Domain Included</ li >
60+ < li > ✔ 24/7 Phone Support</ li >
61+ </ ul >
62+ < p class ="price "> Price: $10.00</ p >
63+ < button class ="btn btn-blue "> Compre Agora</ button >
64+ </ div >
65+
66+ < div class ="card ">
67+ < img src ="Planos.svg " alt ="Plano Delux " class ="plan-bg ">
68+ < h2 > Delux</ h2 >
69+ < ul >
70+ < li > ✔ 10 GB SSD Storage</ li >
71+ < li > ✔ 500GB Bandwidth</ li >
72+ < li > ✔ 10 Websites Included</ li >
73+ < li > ✔ FREE SSL Certificates</ li >
74+ < li > ✔ LiteSpeed with LSCache</ li >
75+ < li > ✔ Free Domain Included</ li >
76+ < li > ✔ 24/7 Phone Support</ li >
77+ </ ul >
78+ < p class ="price "> Price: $20.00</ p >
79+ < button class ="btn btn-blue "> Compre Agora</ button >
80+ </ div >
81+
82+ < div class ="card ">
83+ < img src ="Planos.svg " alt ="Plano Ultra " class ="plan-bg ">
84+ < h2 > Ultra</ h2 >
85+ < ul >
86+ < li > ✔ 50 GB SSD Storage</ li >
87+ < li > ✔ 500GB Bandwidth</ li >
88+ < li > ✔ 100 Websites Included</ li >
89+ < li > ✔ FREE SSL Certificates</ li >
90+ < li > ✔ LiteSpeed with LSCache</ li >
91+ < li > ✔ Free Domain Included</ li >
92+ < li > ✔ 24/7 Phone Support</ li >
93+ </ ul >
94+ < p class ="price "> Price: $60.00</ p >
95+ < button class ="btn btn-blue "> Compre Agora</ button >
96+ </ div >
97+ </ section >
98+
99+ < footer >
100+ < img src ="footer.svg " alt ="Rodapé ">
101+ </ footer >
102+ </ body >
103+ </ html >
0 commit comments