Skip to content

Commit c4e9fae

Browse files
aldo774aldo774
committed
Estilização aplicação index
estilização basica de uma das views da aplicação
1 parent 08ae4b5 commit c4e9fae

File tree

6 files changed

+146
-0
lines changed

6 files changed

+146
-0
lines changed

‎css/.sass-cache/8c8aaf33d6787956606906de1449b678951ecf5c/style.scssc

10.2 KB
Binary file not shown.

‎css/fonts/OpenSans-Light.ttf

217 KB
Binary file not shown.

‎css/style.css

+41
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.css.map

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.scss

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
@font-face {
2+
font-family: OpenSans;
3+
src: url("fonts/OpenSans-Light.ttf");
4+
}
5+
6+
*{font-family: 'OpenSans'; color: #FFF;}
7+
8+
.wrap{margin: 0 auto; width: 100%; max-width: 1140px; display: table;}
9+
10+
body{margin: 0; background-color: #333; display: table; width: 100%;}
11+
12+
.box-vendas{max-width: 400px; width: 35%; margin: 100px auto 0;
13+
.box-title, .box-content{background-color: #111; width: 100%; display: table; width: 100%;
14+
span{float: left; width: 33%; text-align: center;}
15+
>div{width: 99.5%; display: table; border-bottom: 1px solid #FFF;}
16+
}
17+
.box-content{background-color: #555; border: 1px solid #FFF;}
18+
}

‎index.html

+80
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
<html>
2+
<head>
3+
<meta charset="UTF-8">
4+
<link rel="stylesheet" type="text/css" href="css/style.css">
5+
<title>Case Angular</title>
6+
</head>
7+
<body>
8+
<section>
9+
<div class="wrap">
10+
<div class="box-vendas">
11+
<div class="box-title">
12+
<span>
13+
<h4>Cliente</h4>
14+
</span>
15+
<span>
16+
<h4>Valor Venda</h4>
17+
</span>
18+
<span>
19+
<h4>Situação</h4>
20+
</span>
21+
</div>
22+
<div class="box-content">
23+
<div>
24+
<span>
25+
<p>Cliente</p>
26+
</span>
27+
<span>
28+
<p>Valor Venda</p>
29+
</span>
30+
<span>
31+
<p>Situação</p>
32+
</span>
33+
</div>
34+
<div>
35+
<span>
36+
<p>Cliente</p>
37+
</span>
38+
<span>
39+
<p>Valor Venda</p>
40+
</span>
41+
<span>
42+
<p>Situação</p>
43+
</span>
44+
</div>
45+
<div>
46+
<span>
47+
<p>Cliente</p>
48+
</span>
49+
<span>
50+
<p>Valor Venda</p>
51+
</span>
52+
<span>
53+
<p>Situãção</p>
54+
</span>
55+
</div>
56+
</div>
57+
</div>
58+
<!--table ng-show="contatos.length > 0">
59+
<tr>
60+
<th></th>
61+
<th><a href="" ng-click="ordenarPor('nome')">Nome</a></th>
62+
<th><a href="" ng-click="ordenarPor('telefone')">Telefone</a></th>
63+
<th>Operadora</th>
64+
<th>Data</th>
65+
<th>Serial</th>
66+
</tr>
67+
<!--tr ng-class="{selecionado: contato.selecionado}" ng-repeat="contato in contatos | filter:{nome: criterioDeBusca}"-->
68+
<!--tr ng-class="{selecionado: contato.selecionado}" ng-repeat="contato in contatos | limitTo: 3 | filter:criterioDeBusca | orderBy:criterioDeOrdenacao:direcaoDaOrdenacao track by contato.id">
69+
<td><input type="checkbox" ng-model="contato.selecionado"/></td>
70+
<td><a href="#/detalhesContato/{{contato.id}}">{{contato.nome | name}}</a></td>
71+
<td>{{::contato.telefone}}</td>
72+
<td>{{::contato.operadora.nome | lowercase}}</td>
73+
<td>{{::contato.data | date:'dd/MM/yyyy HH:mm'}}</td>
74+
<td>{{::contato.serial | ellipsis:7}}</td>
75+
</tr>
76+
</table-->
77+
</div>
78+
</section>
79+
</body>
80+
</html>

0 commit comments

Comments
 (0)