-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
132 lines (111 loc) · 4.9 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
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="pr-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title>Site Simples</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
</head>
<body>
<nav class="light-blue lighten-1" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">SD</a>
<ul class="right hide-on-med-and-down">
<li><a href="#">Menu</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="#">Menu</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<br><br>
<h1 class="header center blue-text">Site Simples</h1>
<div class="row center">
<h5 class="header col s12 light">Este é um site que fala de umas coisas em Lorem Ipsum</h5>
</div>
<div class="row center">
<button class="btn-large waves-effect waves-light blue" type="button">
Incrementar
<span class="badge">0</span>
</button>
</div>
</div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center">Ícone qualquer</h5>
<p class="light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue ipsum, placerat in felis
sit amet, congue vestibulum urna. Sed eros leo, pharetra nec sodales quis, lacinia in tellus. Donec
hendrerit tortor arcu, eget tristique tortor lobortis fermentum.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
<h5 class="center">Outro ícone qualquer</h5>
<p class="light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue ipsum, placerat in felis
sit amet, congue vestibulum urna. Sed eros leo, pharetra nec sodales quis, lacinia in tellus. Donec
hendrerit tortor arcu, eget tristique tortor lobortis fermentum.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
<h5 class="center">Mais um ícone qualquer</h5>
<p class="light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue ipsum, placerat in felis
sit amet, congue vestibulum urna. Sed eros leo, pharetra nec sodales quis, lacinia in tellus. Donec
hendrerit tortor arcu, eget tristique tortor lobortis fermentum.</p>
</div>
</div>
</div>
</div>
<br><br>
</div>
<footer class="page-footer blue">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Biografia em Lorem Ipsum</h5>
<p class="grey-text text-lighten-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue ipsum,
placerat in felis sit amet, congue vestibulum urna. Sed eros leo, pharetra nec sodales quis, lacinia in
tellus. Donec hendrerit tortor arcu, eget tristique tortor lobortis fermentum.</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="white-text" href="#!">Link 1</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Mais links</h5>
<ul>
<li><a class="white-text" href="#!">Link 1</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Feito por <a class="blue-text text-lighten-3" href="#">Roberlan</a>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/meujs.js"></script>
</body>
</html>