-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (119 loc) · 5.03 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilo.css">
<title>Instituto de Olhos</title>
</head>
<body>
<header>
<section id="cabecario">
<div id="logo">
<img>logo
</div>
<nav>
<ul>
<li><a href="menu">menu</a></li>
<li><a href="blog">blog</a></li>
<li><a href="page">page</a></li>
<li><a href="departament">departaments</a></li>
<li><a href="timetable">timetable</a></li>
<li><a href="contact">contact</a></li>
<li><a href="galery">galery</a></li>
</ul>
</nav>
</section>
</header>
<!-- -----------------------FIM HEADER-------------------------->
<!-- --------------------COMEÇO CORPO FOTO----------------------->
<Section id="corpo1">
<div id="box1">
<div id="tituloTop">
<h1>Top Notch Expirience</h1>
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, alias.</h2>
</div>
</div>
<!-- -----------------------3 BOX-------------------------->
<section id="box3">
<div id="tituloEmerg">
<div id="divt1">
<h2>Emergency Case</h2>
<div id="text1">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit amet obcaecati debitis autem at dolor.
</div>
</div>
<a href="read1">Read More</a>
</div>
<div id="tituloDoc">
<div id="divt1">
<h2>Doctor Timetable</h2>
<div id="text2">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque ut ea et recusandae velit dolorum.
</div>
</div>
<a href="read2">Read More</a>
</div>
<div id="tituloOpen">
<h2>Opening Hours</h2>
<div id="text3">
<div id="monday">Modnday-Friday 8:00-17:00</div>
<div id="saturday">Saturday 8:00-17:00</div>
<div id="sunday">Sunday 9:30-16:00</div>
</div>
</div>
</section>
</Section>
<!-- ----------------------FIM CORPO FOTO---------------------->
<!-- ----------------COMEÇO CORPO QUADRADOS----------------------->
<section id="telaFundo2">
<section id="colunas3">
<a href="">
<section id="colunas2">
<div id="container1">
<h2>12 de Dezembro</h2>
<div id="caixaData1">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit officiis odit reprehenderit in iste unde impedit molestias.</div>
<div id="imgPeople1"></div>
</div>
<div id="container2">
<h2>20 de Janeiro</h2>
<div id="caixaData2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto laudantium iusto cumque asperiores, aspernatur dignissimos impedit beatae. </div>
<div id="imgPeople2"></div>
</div>
<div id="container3">
<h2>1 de Janeiro</h2>
<div id="caixaData3">Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
<div id="imgPeople3"></div>
</div>
<div id="container4">
<h2>3 de Fevereiro</h2>
<div id="caixaData4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae quisquam nemo reprehenderit, delectus dolores temporibus reiciendis ad. Praesentium, a! lorem</div>
<div id="imgPeople4"></div>
</div>
</section>
</a>
<!-- ----------------COMEÇO ASIDE----------------------->
<aside id="colunas1">
<h2 style="padding: 5px;">Departament</h2>
<div id="box6">
<div id="miniBox1" ></div>
<div id="miniBox2" ></div>
<div id="miniBox3" ></div>
<div id="miniBox4" ></div>
<div id="miniBox5" ></div>
<div id="miniBox6" ></div>
</div>
<div id="appoint">
<h2>Make an appointment</h2>
<p style="margin-top: 20px; margin-bottom: 20px;">Lorem ipsum dolor sit.</p>
<address>
<div id="fone">by phone <strong>15-998020518</strong></div>
<div id="email">by mail <strong>[email protected]</strong></div>
<div id="contato">and use others resouces</div>
</address>
</div>
</aside>
</section>
</section>
</body>
</html>