-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnoticia02.html
142 lines (135 loc) · 8.84 KB
/
noticia02.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
<!DOCTYPE html>
<html lang="pt-br">
<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>NOTÍCIA</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="menu.css">
<script src="theme.js"></script>
<link rel="shortcut icon" href="logo.png " type="image/x-icon">
</head>
<body>
<header>
<div></div>
<a href="index.html">
<div class="logo">
<img src="logo.png" alt="Logo do Jornal" style="height: 100px;" />
</div>
</a>
<div></div>
</header>
<nav>
<ul class="dropdown-menu">
<li>
<a href="#">CONFIGURAÇÕES ▼</a>
<ul class="dropdown-submenu">
<li onclick="darkMode()"><a href="#">Dark Mode</a></li>
</ul>
</li>
<li><a href="index.html">HOME</a></li>
<li>
<a href="">NOTÍCIAS ▼</a>
<ul class="dropdown-submenu">
<li><a href="noticia01.html">NOTÍCIA 01</a></li>
<li><a href="noticia02.html">NOTÍCIA 02</a></li>
<li><a href="noticia03.html">NOTÍCIA 03</a></li>
</ul>
</li>
</ul>
</nav>
<main class="pagNoticias">
<div class="lateralH"></div>
<div class="pagina">
<div class="text2">
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore modi perferendis vero debitis eos dolor ut
incidunt suscipit consequatur.</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam illum, ullam aliquid numquam rerum, laboriosam
illo repellat autem molestias, aperiam possimus sit unde qui officiis labore ut quisquam iste dicta!
Ad cupiditate, numquam illo accusamus quasi beatae blanditiis quaerat nihil debitis perferendis maxime sint?
Officiis neque, impedit enim quisquam sit laudantium sed ipsam est corrupti corporis ut illum quos aperiam.
</p>
<img src="fotoPrincipal.jpg" alt="" style="width: 100%" />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores voluptatem pariatur molestiae quas? Modi
accusamus ipsa autem eaque perferendis saepe rerum ex aliquid voluptatem sed, maiores hic, consequuntur iure
soluta?
Adipisci, ducimus id a voluptatibus labore quae quos cum sunt numquam, doloribus quod expedita consequatur!
Quas debitis tenetur pariatur soluta natus, numquam, eius accusantium ex vitae ducimus aspernatur libero nisi?
Corrupti quidem aliquid cum omnis rerum. Enim ipsum excepturi recusandae nemo consectetur blanditiis nostrum
inventore itaque omnis unde corporis, explicabo fugiat at, veritatis possimus, architecto sequi odit. Harum,
vitae dignissimos.
Corporis quaerat optio culpa aut itaque hic mollitia odio pariatur soluta accusamus velit architecto id
expedita ratione ipsam, similique aliquam est, ullam autem illum quam atque quo amet. Commodi, veniam?</p>
<section class="fotoMeiaTela">
<div><img src="print.jpg" alt="" style="width: 100%;"></div>
<div style="opacity: 80%; padding-left: 8px;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam facere eligendi
obcaecati repellat neque quo omnis ea fuga doloremque, cupiditate, a numquam nesciunt maxime ullam saepe
nisi nostrum! Consequatur, praesentium!
Dicta, aliquam? Ducimus sint laboriosam at rerum odio! Dicta, vero illo qui itaque sit iste accusantium
corrupti odio placeat voluptate velit fugit debitis perspiciatis. Quis ducimus consequuntur animi quasi est.
Iusto dolor quod ad eveniet iste mollitia inventore, in placeat ipsum porro nemo minima nisi quos officia
error, beatae nostrum alias ab illum commodi accusantium adipisci nam earum? Repellat, perspiciatis! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Alias esse libero quos hic explicabo excepturi, maxime
vitae eos itaque, cum rem corporis iure! Rerum quasi voluptatibus cumque. Laboriosam, incidunt nisi. Lorem
ipsum dolor sit amet consectetur adipisicing elit. Eaque ut minus dolores nam vero id! Voluptatum
repudiandae a tenetur iusto molestiae repellat modi, vitae minus reprehenderit cum maiores nulla quidem!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste cumque odit quibusdam. Similique commodi qui
eveniet iure labore. Est, totam eaque! Error molestiae nulla omnis totam voluptate beatae dolore sit!
Sequi, ex non placeat quam iusto quis neque nesciunt sunt eligendi alias officiis inventore cumque. Quam
molestiae delectus expedita, repudiandae ipsum laborum eligendi, ullam itaque officia mollitia in enim
reprehenderit.
Ad rerum voluptatibus excepturi possimus nostrum officiis asperiores voluptatum alias soluta dignissimos,
nihil assumenda sed facilis quae voluptatem nemo fugit aperiam tempora iste quisquam nobis explicabo aliquam
ipsam. Laudantium, obcaecati.
</div>
</section>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repudiandae fugit id corrupti! Aut doloribus hic,
provident aspernatur asperiores ratione architecto. Minima soluta maiores molestias a velit, officiis
exercitationem provident possimus.
Incidunt illo quidem facilis aut consequatur libero magni amet sunt, officiis dicta omnis esse corrupti
adipisci error in tempora quas impedit quod. Eveniet sapiente facere aliquid? Nam accusantium doloremque quia!
Quisquam quas explicabo facere quibusdam architecto dignissimos, accusamus distinctio dicta quod unde
praesentium dolores nam dolorem eveniet ducimus tenetur sapiente esse eaque maxime voluptatem voluptatum
adipisci. Consequatur pariatur repellat perspiciatis.
Aliquid eos temporibus numquam inventore consectetur facere vero, non iste consequatur dignissimos quas ullam
nisi repellat consequuntur soluta voluptates quia, eligendi a! Repudiandae dolorem velit eos quod. Tempore,
possimus atque.
Quaerat natus sunt sapiente repellat deleniti, dicta blanditiis ducimus ab libero! Officia sunt, esse
dignissimos sapiente id fuga alias quisquam! Necessitatibus quibusdam illum eum repudiandae dicta possimus
nam. Ipsa, maiores!
Culpa, earum libero ad explicabo doloremque delectus. Cupiditate debitis cum quod voluptatem, optio rem
perspiciatis sint, quidem ut fugiat laboriosam quaerat quas illum blanditiis, quasi quam ullam similique
necessitatibus libero. Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit optio molestiae
tempore! Libero eum dolores consectetur inventore ad voluptatem, totam, velit vel magni hic numquam, deleniti
tempora repellat mollitia tempore.
Facilis cum adipisci inventore, nesciunt neque aperiam atque, autem beatae laudantium harum similique? At
accusantium impedit nam fuga dolorem ipsam, modi sed quia omnis. Praesentium doloribus quisquam adipisci hic
delectus.
Facere perspiciatis provident ea minus. Dolorum accusamus officia facere consequatur a similique soluta
labore, quasi numquam corrupti sit id quae voluptatibus ratione ut. Molestias ut facere, amet quisquam odio
repellat.
Maxime omnis autem dolorum dolore doloremque dignissimos eos at eum minus. Veritatis, id excepturi. Est nisi
illum fuga voluptatum reprehenderit, soluta ullam ipsam explicabo magnam necessitatibus mollitia eum
architecto commodi?
Incidunt voluptas inventore voluptatibus quasi commodi, consequuntur numquam consectetur accusamus dicta ab
quaerat ad repudiandae iure, in consequatur itaque nostrum possimus obcaecati tempora provident aperiam ut.
Sit illum libero tempore?
Dolores repellendus facere quidem rerum provident atque reiciendis sed a laborum asperiores, modi sapiente!
Laudantium sunt, consequatur tempora deleniti ipsam facilis nam similique quod. Consequatur optio a
accusantium aliquid minima!
Veniam dolorem cupiditate eaque illum officia, cum aperiam repellat est illo fugiat debitis aliquam? Cumque
reprehenderit provident adipisci natus iusto! Ut et quia in ratione! Aperiam blanditiis magni in iste.
Beatae consectetur, molestias nobis provident placeat fugiat labore? Delectus odio, assumenda sunt unde
similique incidunt consequatur maiores ullam asperiores! Eius saepe necessitatibus architecto quis mollitia,
in doloremque iste quasi placeat!</p>
</div>
</div>
<div class="lateralH"></div>
</main>
<footer>
<div class="by">By Lucas and João</div>
<div class="barra"></div>
</footer>
</body>
</html>