├── .gitignore ├── README.md ├── clientes.html ├── contato.html ├── css ├── buttons.css ├── form.css ├── grid.css ├── icons.css ├── menu.css ├── pages │ ├── clientes.css │ ├── clientes.min.css │ ├── clientes.min.min.css │ ├── contato.css │ ├── contato.min.css │ ├── contato.min.min.css │ ├── equipe.css │ ├── equipe.min.css │ ├── equipe.min.min.css │ ├── home.css │ ├── home.min.css │ ├── home.min.min.css │ ├── produto.css │ ├── produto.min.css │ ├── produto.min.min.css │ ├── quem-somos.css │ ├── quem-somos.min.css │ └── quem-somos.min.min.css ├── reset.css ├── styles.css └── typography.css ├── equipe.html ├── images ├── background-clientes.jpg ├── background-contato.jpg ├── background-equipe.jpg ├── background-header.jpg ├── background-produto.jpg ├── background-quem-somos.jpg ├── clientes │ ├── icon1.png │ ├── icon2.png │ ├── icon3.png │ ├── icon4.png │ ├── icon5.png │ ├── icon6.png │ ├── icon7.png │ └── icon8.png ├── clock.png ├── logo-black.png ├── logo.png ├── produto_download.jpg ├── quem-somos │ ├── quem-somos_01.jpg │ ├── quem-somos_02.jpg │ ├── quem-somos_03.jpg │ └── quem-somos_04.jpg ├── social-facebook.png ├── social-twitter.png ├── social-youtube.png └── team │ ├── team1.jpg │ ├── team2.jpg │ ├── team3.jpg │ ├── team4.jpg │ └── team5.jpg ├── index.html ├── layouts ├── Contato.jpg ├── Equipe.jpg ├── Ly-APP.jpg ├── Ly.png ├── index.html ├── ly-quem-somos.jpg └── produto.jpg ├── produto.html ├── projeto ├── css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ ├── bootstrap-theme.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ └── styles.css ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── index.html └── js │ ├── bootstrap.js │ ├── bootstrap.min.js │ └── npm.js ├── quem-somos.html └── slides ├── 01-protocolo-http.odp └── 02-html.odp /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | Esse código foi utilizado para a criação do curso [Desenvolvendo um site do zero com HTML e CSS](https://www.schoolofnet.com/projeto-pratico/frontend/html/desenvolvendo-um-site-do-zero-html-css/) da School of Net. 4 | 5 | A School of Net é uma escola online que ensina as mais diversas tecnologias no mundo da programação, desenvolvimento web, games, design e infraestrutura. 6 | 7 | School of Net - [https://www.schoolofnet.com](https://www.schoolofnet.com) 8 | 9 | Blog da School of Net - [https://blog.schoolofnet.com](https://blog.schoolofnet.com) 10 | 11 | SONCast - Podcast da School of Net - [https://podcast.schoolofnet.com](https://podcast.schoolofnet.com) 12 | 13 | Canal da School of Net no Youtube: [http://www.youtube.com/c/SchoolofNetCursos](http://www.youtube.com/c/SchoolofNetCursos) -------------------------------------------------------------------------------- /clientes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Clientes - Chatschool 8 | 9 | 10 | 11 | 12 | 13 | 40 |
41 |
42 |

Nossos clientes

43 |

Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet

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 | 115 | 116 | 119 | 120 | -------------------------------------------------------------------------------- /contato.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Contato - Chatschool 8 | 9 | 10 | 11 | 12 | 13 | 40 |
41 |
42 |

Contato

43 |

44 | Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet.Lorem ipsum dolor sit amet.
45 | Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet. 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 | 106 | 107 | 110 | 111 | 112 | 131 | 132 | 133 | -------------------------------------------------------------------------------- /css/buttons.css: -------------------------------------------------------------------------------- 1 | .btn { 2 | background-color: rgb(84, 209, 84); 3 | color: #ffffff; 4 | display: inline-block; 5 | border-radius: 30px; 6 | padding: 10px 20px; 7 | text-decoration: none; 8 | transition: ease .5s all; 9 | border: none; 10 | cursor: pointer; 11 | } 12 | 13 | .btn:hover { 14 | background-color: rgb(84, 180, 84); 15 | } 16 | 17 | .btn.orange { 18 | background-color: #fed136; 19 | } 20 | 21 | .btn.orange:hover { 22 | background-color: black; 23 | } -------------------------------------------------------------------------------- /css/form.css: -------------------------------------------------------------------------------- 1 | input, textarea { 2 | border: 1px solid #aaa; 3 | border-radius: 2px; 4 | margin-bottom: 30px; 5 | padding: 10px; 6 | width: 100%; 7 | } 8 | 9 | input[type="submit"] { 10 | width: auto; 11 | } 12 | 13 | textarea { 14 | height: 170px; 15 | } 16 | 17 | input:focus, textarea:focus { 18 | outline: 1px solid #777; 19 | } 20 | 21 | .input-control { 22 | position: relative; 23 | } 24 | 25 | .input-control label { 26 | position: absolute; 27 | top: 5px; 28 | left: 5px; 29 | opacity: 0; 30 | } 31 | 32 | .input-control input:focus ~ label, .input-control textarea:focus ~ label { 33 | top: -25px; 34 | font-size: 12px; 35 | transition: ease .5s all; 36 | opacity: 1; 37 | } -------------------------------------------------------------------------------- /css/grid.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Cálculo colunas: 3 | * largura_unica_porcentagem = 100 / maximo_colunas 4 | * 5 | * Multiplicamos largura_unica_porcentagem pelo tamanho da coluna 6 | */ 7 | 8 | .container, .container-fluid { 9 | width: 100%; 10 | padding-left: 15px; 11 | padding-right: 15px; 12 | } 13 | 14 | .row { 15 | margin-left: -15px; 16 | margin-right: -15px; 17 | } 18 | 19 | .row:before, .row:after { 20 | content: " "; 21 | display: table; 22 | } 23 | 24 | .row:after { 25 | clear: both; 26 | } 27 | 28 | .col { 29 | position: relative; 30 | padding-left: 15px; 31 | padding-right: 15px; 32 | min-height: 1px; 33 | float: left; 34 | } 35 | 36 | .col-1 { 37 | width: 16.666666%; 38 | } 39 | 40 | .col-2 { 41 | width: 33.333332%; 42 | } 43 | 44 | .col-3 { 45 | width: 49.999998%; 46 | } 47 | 48 | .col-4 { 49 | width: 66.666664%; 50 | } 51 | 52 | .col-5 { 53 | width: 83.33333%; 54 | } 55 | 56 | .col-6 { 57 | width: 100%; 58 | } 59 | 60 | @media (min-width: 992px) { 61 | .container { 62 | max-width: 992px; 63 | margin: 0 auto; 64 | } 65 | 66 | .col-desktop-1 { 67 | width: 8.333333%; 68 | } 69 | 70 | .col-desktop-2 { 71 | width: 16.66%; 72 | } 73 | 74 | .col-desktop-3 { 75 | width: 24.999999%; 76 | } 77 | 78 | .col-desktop-4 { 79 | width: 33.333332%; 80 | } 81 | 82 | .col-desktop-5 { 83 | width: 41.666665%; 84 | } 85 | 86 | .col-desktop-6 { 87 | width: 49.999998%; 88 | } 89 | 90 | .col-desktop-7 { 91 | width: 58.333331%; 92 | } 93 | 94 | .col-desktop-8 { 95 | width: 66.666664%; 96 | } 97 | 98 | .col-desktop-9 { 99 | width: 74.999997%; 100 | } 101 | 102 | .col-desktop-10 { 103 | width: 83.33333%; 104 | } 105 | 106 | .col-desktop-11 { 107 | width: 91.666663%; 108 | } 109 | 110 | .col-desktop-12 { 111 | width: 100%; 112 | } 113 | 114 | .col-offset-desktop-1 { 115 | margin-left: 8.333333%; 116 | } 117 | 118 | .col-offset-desktop-2 { 119 | margin-left: 16.66%; 120 | } 121 | 122 | .col-offset-desktop-3 { 123 | margin-left: 24.999999%; 124 | } 125 | 126 | .col-offset-desktop-4 { 127 | margin-left: 33.333332%; 128 | } 129 | 130 | .col-offset-desktop-5 { 131 | margin-left: 41.666665%; 132 | } 133 | 134 | .col-offset-desktop-6 { 135 | margin-left: 49.999998%; 136 | } 137 | 138 | .col-offset-desktop-7 { 139 | margin-left: 58.333331%; 140 | } 141 | 142 | .col-offset-desktop-8 { 143 | margin-left: 66.666664%; 144 | } 145 | 146 | .col-offset-desktop-9 { 147 | margin-left: 74.999997%; 148 | } 149 | 150 | .col-offset-desktop-10 { 151 | margin-left: 83.33333%; 152 | } 153 | 154 | .col-offset-desktop-11 { 155 | margin-left: 91.666663%; 156 | } 157 | 158 | .col-offset-desktop-12 { 159 | margin-left: 100%; 160 | } 161 | } 162 | 163 | @media (min-width: 1200px) { 164 | .container { 165 | max-width: 1200px; 166 | } 167 | } -------------------------------------------------------------------------------- /css/icons.css: -------------------------------------------------------------------------------- 1 | .icon-container { 2 | display: inline-block; 3 | width: 140px; 4 | height: 140px; 5 | background: #e1f3e1; 6 | border-radius: 30px; 7 | position: relative; 8 | } 9 | 10 | .icon-container .material-icons { 11 | display: block; 12 | font-size: 85px; 13 | color: rgb(84, 209, 84); 14 | position: absolute; 15 | top: 50%; 16 | left: 50%; 17 | transform: translate(-50%, -50%); 18 | cursor: default; 19 | } 20 | 21 | .img-box-round { 22 | display: inline-block; 23 | border-radius: 100%; 24 | overflow: hidden; 25 | } 26 | 27 | .img-box-label:before { 28 | content: ''; 29 | display: block; 30 | width: 50%; 31 | height: 60px; 32 | border-right: 2px solid rgb(32, 123, 32); 33 | background: transparent; 34 | margin-bottom: 10px; 35 | } -------------------------------------------------------------------------------- /css/menu.css: -------------------------------------------------------------------------------- 1 | nav ul, nav ul li { 2 | list-style: none; 3 | margin: 0; 4 | padding: 0; 5 | } -------------------------------------------------------------------------------- /css/pages/clientes.css: -------------------------------------------------------------------------------- 1 | @import url('../styles.css'); 2 | 3 | #header.page-clientes { 4 | background-image: url("../../images/background-clientes.jpg") ; 5 | } 6 | -------------------------------------------------------------------------------- /css/pages/clientes.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0} 9 | /** 10 | * Cálculo colunas: 11 | * largura_unica_porcentagem = 100 / maximo_colunas 12 | * 13 | * Multiplicamos largura_unica_porcentagem pelo tamanho da coluna 14 | */ 15 | .container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}} 16 | .btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black} 17 | h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left} 18 | .icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px} 19 | nav ul,nav ul li{list-style:none;margin:0;padding:0} 20 | body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}} 21 | #header.page-clientes{background-image:url(../../images/background-clientes.jpg)} -------------------------------------------------------------------------------- /css/pages/clientes.min.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0}.container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}}.btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black}h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left}.icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px}nav ul,nav ul li{list-style:none;margin:0;padding:0}body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}}#header.page-clientes{background-image:url(../../images/background-clientes.jpg)} -------------------------------------------------------------------------------- /css/pages/contato.css: -------------------------------------------------------------------------------- 1 | @import url('../form.css'); 2 | @import url('../styles.css'); 3 | 4 | #header.page-contato { 5 | background-image: url("../../images/background-contato.jpg") ; 6 | } 7 | 8 | main { 9 | background-color: rgb(243, 240, 231); 10 | } 11 | 12 | .btn { 13 | border-radius: 0; 14 | padding: 20px 60px; 15 | font-size: 18px; 16 | border: 1px solid #000; 17 | } -------------------------------------------------------------------------------- /css/pages/contato.min.css: -------------------------------------------------------------------------------- 1 | input,textarea{border:1px solid #aaa;border-radius:2px;margin-bottom:30px;padding:10px;width:100%}input[type="submit"]{width:auto}textarea{height:170px}input:focus,textarea:focus{outline:1px solid #777}.input-control{position:relative}.input-control label{position:absolute;top:5px;left:5px;opacity:0}.input-control input:focus ~ label,.input-control textarea:focus ~ label{top:-25px;font-size:12px;transition:ease .5s all;opacity:1} 2 | /* 3 | Prioridade: 4 | id 5 | class 6 | tag 7 | ordem 8 | */ 9 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0} 10 | /** 11 | * Cálculo colunas: 12 | * largura_unica_porcentagem = 100 / maximo_colunas 13 | * 14 | * Multiplicamos largura_unica_porcentagem pelo tamanho da coluna 15 | */ 16 | .container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}} 17 | .btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black} 18 | h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left} 19 | .icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px} 20 | nav ul,nav ul li{list-style:none;margin:0;padding:0} 21 | body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}} 22 | #header.page-contato{background-image:url(../../images/background-contato.jpg)}main{background-color:rgb(243,240,231)}.btn{border-radius:0;padding:20px 60px;font-size:18px;border:1px solid #000} -------------------------------------------------------------------------------- /css/pages/contato.min.min.css: -------------------------------------------------------------------------------- 1 | input,textarea{border:1px solid #aaa;border-radius:2px;margin-bottom:30px;padding:10px;width:100%}input[type="submit"]{width:auto}textarea{height:170px}input:focus,textarea:focus{outline:1px solid #777}.input-control{position:relative}.input-control label{position:absolute;top:5px;left:5px;opacity:0}.input-control input:focus ~ label,.input-control textarea:focus ~ label{top:-25px;font-size:12px;transition:ease .5s all;opacity:1}*{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0}.container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}}.btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black}h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left}.icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px}nav ul,nav ul li{list-style:none;margin:0;padding:0}body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}}#header.page-contato{background-image:url(../../images/background-contato.jpg)}main{background-color:rgb(243,240,231)}.btn{border-radius:0;padding:20px 60px;font-size:18px;border:1px solid #000} -------------------------------------------------------------------------------- /css/pages/equipe.css: -------------------------------------------------------------------------------- 1 | @import url('../styles.css'); 2 | 3 | #header.page-equipe { 4 | background-image: url("../../images/background-equipe.jpg") ; 5 | } 6 | 7 | #team { 8 | background-color: #f3f0e7; 9 | } 10 | 11 | #team .img-box-round { 12 | width: 120px; 13 | height: 120px; 14 | border: 2px solid rgb(84, 209, 84); 15 | } 16 | 17 | #team .img-box-label:before { 18 | display: none; 19 | } 20 | 21 | #team .row:first-child { 22 | margin-bottom: 40px; 23 | } 24 | 25 | .team-member .description { 26 | background-color: rgba(0, 0, 0, 0.7); 27 | border: 5px solid rgba(0, 0, 0, 0.3); 28 | color: white; 29 | padding: 20px; 30 | margin-bottom: 30px; 31 | } 32 | 33 | @media (min-width: 992px) { 34 | .team-member { 35 | position: relative; 36 | } 37 | 38 | .team-member:hover .description { 39 | display: block; 40 | } 41 | 42 | .team-member .description { 43 | display: none; 44 | position: absolute; 45 | top: 50%; 46 | left: 50%; 47 | z-index: 99; 48 | width: 400px; 49 | } 50 | 51 | .team-member:nth-child(4) .description, .team-member:nth-child(5) .description { 52 | left: auto; 53 | right: 50%; 54 | } 55 | } -------------------------------------------------------------------------------- /css/pages/equipe.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0} 9 | /** 10 | * Cálculo colunas: 11 | * largura_unica_porcentagem = 100 / maximo_colunas 12 | * 13 | * Multiplicamos largura_unica_porcentagem pelo tamanho da coluna 14 | */ 15 | .container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}} 16 | .btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black} 17 | h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left} 18 | .icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px} 19 | nav ul,nav ul li{list-style:none;margin:0;padding:0} 20 | body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}} 21 | #header.page-equipe{background-image:url(../../images/background-equipe.jpg)}#team{background-color:#f3f0e7}#team .img-box-round{width:120px;height:120px;border:2px solid rgb(84,209,84)}#team .img-box-label:before{display:none}#team .row:first-child{margin-bottom:40px}.team-member .description{background-color:rgba(0,0,0,0.7);border:5px solid rgba(0,0,0,0.3);color:white;padding:20px;margin-bottom:30px}@media (min-width:992px){.team-member{position:relative}.team-member:hover .description{display:block}.team-member .description{display:none;position:absolute;top:50%;left:50%;z-index:99;width:400px}.team-member:nth-child(4) .description,.team-member:nth-child(5) .description{left:auto;right:50%}} -------------------------------------------------------------------------------- /css/pages/equipe.min.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0}.container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}}.btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black}h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left}.icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px}nav ul,nav ul li{list-style:none;margin:0;padding:0}body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}}#header.page-equipe{background-image:url(../../images/background-equipe.jpg)}#team{background-color:#f3f0e7}#team .img-box-round{width:120px;height:120px;border:2px solid rgb(84,209,84)}#team .img-box-label:before{display:none}#team .row:first-child{margin-bottom:40px}.team-member .description{background-color:rgba(0,0,0,0.7);border:5px solid rgba(0,0,0,0.3);color:white;padding:20px;margin-bottom:30px}@media (min-width:992px){.team-member{position:relative}.team-member:hover .description{display:block}.team-member .description{display:none;position:absolute;top:50%;left:50%;z-index:99;width:400px}.team-member:nth-child(4) .description,.team-member:nth-child(5) .description{left:auto;right:50%}} -------------------------------------------------------------------------------- /css/pages/home.css: -------------------------------------------------------------------------------- 1 | @import url('../styles.css'); 2 | 3 | #header.page-home { 4 | background-image: url("../../images/background-header.jpg") ; 5 | } 6 | 7 | #customers { 8 | background-color: rgb(242, 242, 242); 9 | } 10 | 11 | #customers .btn { 12 | margin-top: 80px; 13 | background-color: rgb(220, 220, 220); 14 | color: rgb(130, 130, 130); 15 | } 16 | 17 | #customers .btn:hover { 18 | background-color: rgb(130, 130, 130); 19 | color: rgb(220, 220, 220); 20 | } 21 | 22 | #customers .btn .material-icons { 23 | vertical-align: middle; 24 | font-size: 16px; 25 | } 26 | 27 | #customers .container { 28 | max-width: 1000px; 29 | } 30 | 31 | #team { 32 | background-color: rgb(84, 209, 84); 33 | color: white; 34 | } 35 | 36 | #team h2:after { 37 | background-color: rgb(255, 255, 255); 38 | } 39 | 40 | #team .img-box-round { 41 | width: 120px; 42 | height: 120px; 43 | } -------------------------------------------------------------------------------- /css/pages/home.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0} 9 | /** 10 | * Cálculo colunas: 11 | * largura_unica_porcentagem = 100 / maximo_colunas 12 | * 13 | * Multiplicamos largura_unica_porcentagem pelo tamanho da coluna 14 | */ 15 | .container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}} 16 | .btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black} 17 | h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left} 18 | .icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px} 19 | nav ul,nav ul li{list-style:none;margin:0;padding:0} 20 | body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}} 21 | #header.page-home{background-image:url(../../images/background-header.jpg)}#customers{background-color:rgb(242,242,242)}#customers .btn{margin-top:80px;background-color:rgb(220,220,220);color:rgb(130,130,130)}#customers .btn:hover{background-color:rgb(130,130,130);color:rgb(220,220,220)}#customers .btn .material-icons{vertical-align:middle;font-size:16px}#customers .container{max-width:1000px}#team{background-color:rgb(84,209,84);color:white}#team h2:after{background-color:rgb(255,255,255)}#team .img-box-round{width:120px;height:120px} -------------------------------------------------------------------------------- /css/pages/home.min.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0}.container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}}.btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black}h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left}.icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px}nav ul,nav ul li{list-style:none;margin:0;padding:0}body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}}#header.page-home{background-image:url(../../images/background-header.jpg)}#customers{background-color:rgb(242,242,242)}#customers .btn{margin-top:80px;background-color:rgb(220,220,220);color:rgb(130,130,130)}#customers .btn:hover{background-color:rgb(130,130,130);color:rgb(220,220,220)}#customers .btn .material-icons{vertical-align:middle;font-size:16px}#customers .container{max-width:1000px}#team{background-color:rgb(84,209,84);color:white}#team h2:after{background-color:rgb(255,255,255)}#team .img-box-round{width:120px;height:120px} -------------------------------------------------------------------------------- /css/pages/produto.css: -------------------------------------------------------------------------------- 1 | @import url('../styles.css'); 2 | 3 | #header.page-produto { 4 | background-image: url("../../images/background-produto.jpg") ; 5 | } 6 | 7 | #download { 8 | background-color: #f9f6f1; 9 | } 10 | 11 | #download .btn { 12 | font-size: 18px; 13 | } 14 | 15 | #funcionalidades .material-icons { 16 | float: left; 17 | height: 200px; 18 | font-size: 60px; 19 | margin-right: 20px; 20 | } 21 | 22 | #funcionalidades h3 { 23 | margin-top: 0; 24 | } -------------------------------------------------------------------------------- /css/pages/produto.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0} 9 | /** 10 | * Cálculo colunas: 11 | * largura_unica_porcentagem = 100 / maximo_colunas 12 | * 13 | * Multiplicamos largura_unica_porcentagem pelo tamanho da coluna 14 | */ 15 | .container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}} 16 | .btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black} 17 | h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left} 18 | .icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px} 19 | nav ul,nav ul li{list-style:none;margin:0;padding:0} 20 | body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}} 21 | #header.page-produto{background-image:url(../../images/background-produto.jpg)}#download{background-color:#f9f6f1}#download .btn{font-size:18px}#funcionalidades .material-icons{float:left;height:200px;font-size:60px;margin-right:20px}#funcionalidades h3{margin-top:0} -------------------------------------------------------------------------------- /css/pages/produto.min.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0}.container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}}.btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black}h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left}.icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px}nav ul,nav ul li{list-style:none;margin:0;padding:0}body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}}#header.page-produto{background-image:url(../../images/background-produto.jpg)}#download{background-color:#f9f6f1}#download .btn{font-size:18px}#funcionalidades .material-icons{float:left;height:200px;font-size:60px;margin-right:20px}#funcionalidades h3{margin-top:0} -------------------------------------------------------------------------------- /css/pages/quem-somos.css: -------------------------------------------------------------------------------- 1 | @import url('../styles.css'); 2 | 3 | #header.page-quem-somos { 4 | background-image: url("../../images/background-quem-somos.jpg") ; 5 | } 6 | 7 | #intro h2, #valores h2 { 8 | font-size: 20px; 9 | } 10 | 11 | #intro h2 { 12 | text-align: left; 13 | } 14 | 15 | #intro h2:after { 16 | margin: 5px 0 0 0; 17 | } 18 | 19 | #valores { 20 | background-color: #f3f0e7; 21 | } 22 | 23 | #valores h2 { 24 | margin-top: 20px; 25 | } 26 | 27 | #valores h2:after { 28 | display: none; 29 | } 30 | 31 | #img-box img { 32 | max-width: 100%; 33 | height: auto; 34 | } 35 | 36 | @media (max-width: 991px) { 37 | #img-box { 38 | text-align: center; 39 | } 40 | } -------------------------------------------------------------------------------- /css/pages/quem-somos.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0} 9 | /** 10 | * Cálculo colunas: 11 | * largura_unica_porcentagem = 100 / maximo_colunas 12 | * 13 | * Multiplicamos largura_unica_porcentagem pelo tamanho da coluna 14 | */ 15 | .container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}} 16 | .btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black} 17 | h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left} 18 | .icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px} 19 | nav ul,nav ul li{list-style:none;margin:0;padding:0} 20 | body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}} 21 | #header.page-quem-somos{background-image:url(../../images/background-quem-somos.jpg)}#intro h2,#valores h2{font-size:20px}#intro h2{text-align:left}#intro h2:after{margin:5px 0 0 0}#valores{background-color:#f3f0e7}#valores h2{margin-top:20px}#valores h2:after{display:none}#img-box img{max-width:100%;height:auto}@media (max-width:991px){#img-box{text-align:center}} -------------------------------------------------------------------------------- /css/pages/quem-somos.min.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | *{box-sizing:border-box}a{text-decoration:none}body{margin:0;padding:0;font-size:14px}p{margin:10px 0 10px 0}.container,.container-fluid{width:100%;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col{position:relative;padding-left:15px;padding-right:15px;min-height:1px;float:left}.col-1{width:16.666666%}.col-2{width:33.333332%}.col-3{width:49.999998%}.col-4{width:66.666664%}.col-5{width:83.33333%}.col-6{width:100%}@media (min-width:992px){.container{max-width:992px;margin:0 auto}.col-desktop-1{width:8.333333%}.col-desktop-2{width:16.66%}.col-desktop-3{width:24.999999%}.col-desktop-4{width:33.333332%}.col-desktop-5{width:41.666665%}.col-desktop-6{width:49.999998%}.col-desktop-7{width:58.333331%}.col-desktop-8{width:66.666664%}.col-desktop-9{width:74.999997%}.col-desktop-10{width:83.33333%}.col-desktop-11{width:91.666663%}.col-desktop-12{width:100%}.col-offset-desktop-1{margin-left:8.333333%}.col-offset-desktop-2{margin-left:16.66%}.col-offset-desktop-3{margin-left:24.999999%}.col-offset-desktop-4{margin-left:33.333332%}.col-offset-desktop-5{margin-left:41.666665%}.col-offset-desktop-6{margin-left:49.999998%}.col-offset-desktop-7{margin-left:58.333331%}.col-offset-desktop-8{margin-left:66.666664%}.col-offset-desktop-9{margin-left:74.999997%}.col-offset-desktop-10{margin-left:83.33333%}.col-offset-desktop-11{margin-left:91.666663%}.col-offset-desktop-12{margin-left:100%}}@media (min-width:1200px){.container{max-width:1200px}}.btn{background-color:rgb(84,209,84);color:#fff;display:inline-block;border-radius:30px;padding:10px 20px;text-decoration:none;transition:ease .5s all;border:none;cursor:pointer}.btn:hover{background-color:rgb(84,180,84)}.btn.orange{background-color:#fed136}.btn.orange:hover{background-color:black}h2{text-transform:uppercase;font-weight:normal;text-align:center;font-size:25px;margin:10px 0 20px 0}h2:after{content:'';display:block;background-color:rgb(130,130,130);margin:5px auto 0 auto;width:50px;height:2px}.subtitle{margin-bottom:80px}.text-left{text-align:left}.icon-container{display:inline-block;width:140px;height:140px;background:#e1f3e1;border-radius:30px;position:relative}.icon-container .material-icons{display:block;font-size:85px;color:rgb(84,209,84);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.img-box-round{display:inline-block;border-radius:100%;overflow:hidden}.img-box-label:before{content:'';display:block;width:50%;height:60px;border-right:2px solid rgb(32,123,32);background:transparent;margin-bottom:10px}nav ul,nav ul li{list-style:none;margin:0;padding:0}body{font-family:'Open Sans',sans-serif;color:rgb(130,130,130);line-height:25px}#header .btn{font-size:16px;padding:10px 30px}#header .btn:hover{background-color:rgb(84,180,84)}#header nav a{display:inline-block;text-decoration:none;padding:10px;border-radius:5px}#header nav a:hover,#header nav a.active{background-color:rgba(84,209,84,0.3)}#header h1{font-size:54px;line-height:60px}#header{background:#000 no-repeat fixed center;background-size:cover;color:#fff;width:100%;height:660px;position:relative;padding-top:30px}#header a{color:#fff;transition:ease .5s all}#header nav{text-align:right}#header nav ul,#header nav ul li{display:inline-block}#header .title{position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center}.section{padding:30px 0 30px 0}.section-center{text-align:center}#footer{background-color:rgb(51,51,51);text-align:left}#footer,#footer a{color:rgb(204,204,204)}#footer h3,#footer nav li{text-transform:uppercase}#footer h3:after{content:'';display:block;border-bottom:2px solid rgb(204,204,204);width:30px}#footer nav li{padding:3px 0}#footer nav li a:hover{color:rgb(255,255,255)}#footer .social{height:200px;line-height:200px;text-align:right}#footer .social a{display:inline-block;padding:0 0 0 10px;opacity:1}#footer .social a:hover{opacity:.5;transition:ease .3s all}#footer .social img{vertical-align:middle}#copyright{text-align:center;background-color:rgb(34,34,34);padding:10px}@media (max-width:992px){#header,#header nav{text-align:center}}#header.page-quem-somos{background-image:url(../../images/background-quem-somos.jpg)}#intro h2,#valores h2{font-size:20px}#intro h2{text-align:left}#intro h2:after{margin:5px 0 0 0}#valores{background-color:#f3f0e7}#valores h2{margin-top:20px}#valores h2:after{display:none}#img-box img{max-width:100%;height:auto}@media (max-width:991px){#img-box{text-align:center}} -------------------------------------------------------------------------------- /css/reset.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | a { 6 | text-decoration: none; 7 | } 8 | 9 | body { 10 | margin: 0; 11 | padding: 0; 12 | font-size: 14px; 13 | } 14 | 15 | p { 16 | margin: 10px 0 10px 0; 17 | } -------------------------------------------------------------------------------- /css/styles.css: -------------------------------------------------------------------------------- 1 | /* 2 | Prioridade: 3 | id 4 | class 5 | tag 6 | ordem 7 | */ 8 | 9 | @import url('reset.css'); 10 | @import url('grid.css'); 11 | @import url('buttons.css'); 12 | @import url('typography.css'); 13 | @import url('icons.css'); 14 | @import url('menu.css'); 15 | 16 | body { 17 | font-family: 'Open Sans', sans-serif; 18 | color: rgb(130, 130, 130); 19 | line-height: 25px; 20 | } 21 | 22 | #header .btn { 23 | font-size: 16px; 24 | padding: 10px 30px; 25 | } 26 | 27 | #header .btn:hover { 28 | background-color: rgb(84, 180, 84); 29 | } 30 | 31 | #header nav a { 32 | display: inline-block; 33 | text-decoration: none; 34 | padding: 10px; 35 | border-radius: 5px; 36 | } 37 | 38 | #header nav a:hover, #header nav a.active { 39 | background-color: rgba(84, 209, 84, 0.3); 40 | } 41 | 42 | #header h1 { 43 | font-size: 54px; 44 | line-height: 60px; 45 | } 46 | 47 | #header { 48 | background: #000 no-repeat fixed center; 49 | background-size: cover; 50 | color: #ffffff; 51 | width: 100%; 52 | height: 660px; 53 | position: relative; 54 | padding-top: 30px; 55 | } 56 | 57 | #header a { 58 | color: #ffffff; 59 | transition: ease .5s all; 60 | } 61 | 62 | #header nav { 63 | text-align: right; 64 | } 65 | 66 | #header nav ul, #header nav ul li { 67 | display: inline-block; 68 | } 69 | 70 | #header .title { 71 | position: absolute; 72 | left: 0; 73 | top: 50%; 74 | transform: translate(0, -50%); 75 | text-align: center; 76 | } 77 | 78 | .section { 79 | padding: 30px 0 30px 0; 80 | } 81 | 82 | .section-center { 83 | text-align: center; 84 | } 85 | 86 | #footer { 87 | background-color: rgb(51, 51, 51); 88 | text-align: left; 89 | } 90 | 91 | #footer, #footer a { 92 | color: rgb(204, 204, 204); 93 | } 94 | 95 | #footer h3, #footer nav li { 96 | text-transform: uppercase; 97 | } 98 | 99 | #footer h3:after { 100 | content: ''; 101 | display: block; 102 | border-bottom: 2px solid rgb(204, 204, 204); 103 | width: 30px; 104 | } 105 | 106 | #footer nav li { 107 | padding: 3px 0; 108 | } 109 | 110 | #footer nav li a:hover { 111 | color: rgb(255, 255, 255); 112 | } 113 | 114 | #footer .social { 115 | height: 200px; 116 | line-height: 200px; 117 | text-align: right; 118 | } 119 | 120 | #footer .social a { 121 | display: inline-block; 122 | padding: 0 0 0 10px; 123 | opacity: 1; 124 | } 125 | 126 | #footer .social a:hover { 127 | opacity: .5; 128 | transition: ease .3s all; 129 | } 130 | 131 | #footer .social img { 132 | vertical-align: middle; 133 | } 134 | 135 | #copyright { 136 | text-align: center; 137 | background-color: rgb(34, 34, 34); 138 | padding: 10px; 139 | } 140 | 141 | @media (max-width: 992px) { 142 | #header, #header nav { 143 | text-align: center; 144 | } 145 | } -------------------------------------------------------------------------------- /css/typography.css: -------------------------------------------------------------------------------- 1 | h2 { 2 | text-transform: uppercase; 3 | font-weight: normal; 4 | text-align: center; 5 | font-size: 25px; 6 | margin: 10px 0 20px 0; 7 | } 8 | 9 | h2:after { 10 | content: ''; 11 | display: block; 12 | background-color: rgb(130, 130, 130); 13 | margin: 5px auto 0 auto; 14 | width: 50px; 15 | height: 2px; 16 | } 17 | 18 | .subtitle { 19 | margin-bottom: 80px; 20 | } 21 | 22 | .text-left { 23 | text-align: left; 24 | } 25 | -------------------------------------------------------------------------------- /equipe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Equipe - Chatschool 8 | 9 | 10 | 11 | 12 | 13 | 40 |
41 |
42 |
43 |

Nossa equipe

44 |

45 | Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet.Lorem ipsum dolor sit amet.
46 | Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet. 47 |

48 |
49 |
50 |
51 |
52 |

Lorem Ipsum

53 |
54 |

Lorem Ipsum

55 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

56 | 57 | 62 |
63 |
64 |
65 |
66 |

Lorem Ipsum

67 | 68 |
69 |

Lorem Ipsum

70 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

71 | 72 | 77 |
78 |
79 |
80 |
81 |

Lorem Ipsum

82 | 83 |
84 |

Lorem Ipsum

85 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

86 | 87 | 92 |
93 |
94 |
95 |
96 |

Lorem Ipsum

97 | 98 |
99 |

Lorem Ipsum

100 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

101 | 102 | 107 |
108 |
109 |
110 |
111 |

Lorem Ipsum

112 | 113 |
114 |

Lorem Ipsum

115 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

116 | 117 | 122 |
123 |
124 |
125 |
126 |
127 |
128 |

Lorem Ipsum

129 | 130 |
131 |

Lorem Ipsum

132 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

133 | 134 | 139 |
140 |
141 |
142 |
143 |

Lorem Ipsum

144 | 145 |
146 |

Lorem Ipsum

147 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

148 | 149 | 154 |
155 |
156 |
157 |
158 |

Lorem Ipsum

159 | 160 |
161 |

Lorem Ipsum

162 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

163 | 164 | 169 |
170 |
171 |
172 |
173 |

Lorem Ipsum

174 | 175 |
176 |

Lorem Ipsum

177 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

178 | 179 | 184 |
185 |
186 |
187 |
188 |

Lorem Ipsum

189 | 190 |
191 |

Lorem Ipsum

192 |

Aenean sodales dolor sit amet arcu suscipit convallis. Sed malesuada maximus finibus. Fusce ac dignissim dui. Aenean commodo, nulla vel maximus dictum

193 | 194 | 199 |
200 |
201 |
202 |
203 |
204 |
205 |
206 | 233 | 234 | 237 | 238 | -------------------------------------------------------------------------------- /images/background-clientes.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/background-clientes.jpg -------------------------------------------------------------------------------- /images/background-contato.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/background-contato.jpg -------------------------------------------------------------------------------- /images/background-equipe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/background-equipe.jpg -------------------------------------------------------------------------------- /images/background-header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/background-header.jpg -------------------------------------------------------------------------------- /images/background-produto.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/background-produto.jpg -------------------------------------------------------------------------------- /images/background-quem-somos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/background-quem-somos.jpg -------------------------------------------------------------------------------- /images/clientes/icon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon1.png -------------------------------------------------------------------------------- /images/clientes/icon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon2.png -------------------------------------------------------------------------------- /images/clientes/icon3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon3.png -------------------------------------------------------------------------------- /images/clientes/icon4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon4.png -------------------------------------------------------------------------------- /images/clientes/icon5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon5.png -------------------------------------------------------------------------------- /images/clientes/icon6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon6.png -------------------------------------------------------------------------------- /images/clientes/icon7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon7.png -------------------------------------------------------------------------------- /images/clientes/icon8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clientes/icon8.png -------------------------------------------------------------------------------- /images/clock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/clock.png -------------------------------------------------------------------------------- /images/logo-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/logo-black.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/logo.png -------------------------------------------------------------------------------- /images/produto_download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/produto_download.jpg -------------------------------------------------------------------------------- /images/quem-somos/quem-somos_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/quem-somos/quem-somos_01.jpg -------------------------------------------------------------------------------- /images/quem-somos/quem-somos_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/quem-somos/quem-somos_02.jpg -------------------------------------------------------------------------------- /images/quem-somos/quem-somos_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/quem-somos/quem-somos_03.jpg -------------------------------------------------------------------------------- /images/quem-somos/quem-somos_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/quem-somos/quem-somos_04.jpg -------------------------------------------------------------------------------- /images/social-facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/social-facebook.png -------------------------------------------------------------------------------- /images/social-twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/social-twitter.png -------------------------------------------------------------------------------- /images/social-youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/social-youtube.png -------------------------------------------------------------------------------- /images/team/team1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/team/team1.jpg -------------------------------------------------------------------------------- /images/team/team2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/team/team2.jpg -------------------------------------------------------------------------------- /images/team/team3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/team/team3.jpg -------------------------------------------------------------------------------- /images/team/team4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/team/team4.jpg -------------------------------------------------------------------------------- /images/team/team5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/images/team/team5.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Chatschool 8 | 9 | 10 | 11 | 12 | 13 | 41 |
42 |
43 |

Como funciona

44 |

Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet

45 | 46 |
47 |
48 |
49 |
50 | schedule 51 |
52 |

Chat em tempo real

53 |

Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,

54 |

Saiba mais

55 |
56 |
57 |
58 | work 59 |
60 |

Grupo de trabalho

61 |

Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,

62 |

Saiba mais

63 |
64 |
65 |
66 | https 67 |
68 |

Segurança

69 |

Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,

70 |

Saiba mais

71 |
72 |
73 |
74 | 75 |
76 |
77 |

Nossos clientes

78 |

Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet

79 | 80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 | 88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 | 98 |
99 |
100 |
101 |
102 |

Nossa equipe

103 |

Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet

104 |
105 |
106 |
107 |
108 |

Lorem Ipsum

109 |
110 |
111 |
112 |

Lorem Ipsum

113 |
114 |
115 |
116 |

Lorem Ipsum

117 |
118 |
119 |
120 |

Lorem Ipsum

121 |
122 |
123 |
124 |

Lorem Ipsum

125 |
126 |
127 |
128 |
129 |
130 | 157 | 158 | 161 | 162 | -------------------------------------------------------------------------------- /layouts/Contato.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/layouts/Contato.jpg -------------------------------------------------------------------------------- /layouts/Equipe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/layouts/Equipe.jpg -------------------------------------------------------------------------------- /layouts/Ly-APP.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/layouts/Ly-APP.jpg -------------------------------------------------------------------------------- /layouts/Ly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/layouts/Ly.png -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Chatschool 6 | 7 | 8 | 9 | 10 | 11 | 39 |
40 |
Como funciona
41 |
Nossos clientes
42 |
Nosso time
43 |
44 | 45 | 46 | -------------------------------------------------------------------------------- /layouts/ly-quem-somos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/layouts/ly-quem-somos.jpg -------------------------------------------------------------------------------- /layouts/produto.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/layouts/produto.jpg -------------------------------------------------------------------------------- /produto.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Produtos - Chatschool 8 | 9 | 10 | 11 | 12 | 13 | 35 |
36 |
37 | 38 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros.
39 | Donec rutrum sed sem quis venenatis.

40 |

Baixar APP

41 |
42 |
43 |

Funcionalidades

44 | 45 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros.
46 | Donec rutrum sed sem quis venenatis.

47 | 48 |
49 |
50 |
51 | phone_android 52 |

Responsivo

53 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros eget tellus tristique 54 | bibendum.

55 |
56 |
57 | chat_bubble_outline 58 |

Mensagens diretas

59 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros eget tellus tristique 60 | bibendum.

61 |
62 |
63 | group_work 64 |

Grupos

65 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros eget tellus tristique 66 | bibendum.

67 |
68 |
69 |
70 |
71 | phone_in_talk 72 |

Chamadas

73 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros eget tellus tristique 74 | bibendum.

75 |
76 |
77 | insert_emoticon 78 |

Emoticons

79 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros eget tellus tristique 80 | bibendum.

81 |
82 |
83 | file_download 84 |

Download

85 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros eget tellus tristique 86 | bibendum.

87 |
88 |
89 |
90 | 91 |
92 |
93 | 120 | 121 | 124 | 125 | -------------------------------------------------------------------------------- /projeto/css/bootstrap-theme.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.7 (http://getbootstrap.com) 3 | * Copyright 2011-2016 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | .btn-default, 7 | .btn-primary, 8 | .btn-success, 9 | .btn-info, 10 | .btn-warning, 11 | .btn-danger { 12 | text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); 13 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); 14 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); 15 | } 16 | .btn-default:active, 17 | .btn-primary:active, 18 | .btn-success:active, 19 | .btn-info:active, 20 | .btn-warning:active, 21 | .btn-danger:active, 22 | .btn-default.active, 23 | .btn-primary.active, 24 | .btn-success.active, 25 | .btn-info.active, 26 | .btn-warning.active, 27 | .btn-danger.active { 28 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 29 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 30 | } 31 | .btn-default.disabled, 32 | .btn-primary.disabled, 33 | .btn-success.disabled, 34 | .btn-info.disabled, 35 | .btn-warning.disabled, 36 | .btn-danger.disabled, 37 | .btn-default[disabled], 38 | .btn-primary[disabled], 39 | .btn-success[disabled], 40 | .btn-info[disabled], 41 | .btn-warning[disabled], 42 | .btn-danger[disabled], 43 | fieldset[disabled] .btn-default, 44 | fieldset[disabled] .btn-primary, 45 | fieldset[disabled] .btn-success, 46 | fieldset[disabled] .btn-info, 47 | fieldset[disabled] .btn-warning, 48 | fieldset[disabled] .btn-danger { 49 | -webkit-box-shadow: none; 50 | box-shadow: none; 51 | } 52 | .btn-default .badge, 53 | .btn-primary .badge, 54 | .btn-success .badge, 55 | .btn-info .badge, 56 | .btn-warning .badge, 57 | .btn-danger .badge { 58 | text-shadow: none; 59 | } 60 | .btn:active, 61 | .btn.active { 62 | background-image: none; 63 | } 64 | .btn-default { 65 | text-shadow: 0 1px 0 #fff; 66 | background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); 67 | background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); 68 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); 69 | background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); 70 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); 71 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 72 | background-repeat: repeat-x; 73 | border-color: #dbdbdb; 74 | border-color: #ccc; 75 | } 76 | .btn-default:hover, 77 | .btn-default:focus { 78 | background-color: #e0e0e0; 79 | background-position: 0 -15px; 80 | } 81 | .btn-default:active, 82 | .btn-default.active { 83 | background-color: #e0e0e0; 84 | border-color: #dbdbdb; 85 | } 86 | .btn-default.disabled, 87 | .btn-default[disabled], 88 | fieldset[disabled] .btn-default, 89 | .btn-default.disabled:hover, 90 | .btn-default[disabled]:hover, 91 | fieldset[disabled] .btn-default:hover, 92 | .btn-default.disabled:focus, 93 | .btn-default[disabled]:focus, 94 | fieldset[disabled] .btn-default:focus, 95 | .btn-default.disabled.focus, 96 | .btn-default[disabled].focus, 97 | fieldset[disabled] .btn-default.focus, 98 | .btn-default.disabled:active, 99 | .btn-default[disabled]:active, 100 | fieldset[disabled] .btn-default:active, 101 | .btn-default.disabled.active, 102 | .btn-default[disabled].active, 103 | fieldset[disabled] .btn-default.active { 104 | background-color: #e0e0e0; 105 | background-image: none; 106 | } 107 | .btn-primary { 108 | background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); 109 | background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); 110 | background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); 111 | background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); 112 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); 113 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 114 | background-repeat: repeat-x; 115 | border-color: #245580; 116 | } 117 | .btn-primary:hover, 118 | .btn-primary:focus { 119 | background-color: #265a88; 120 | background-position: 0 -15px; 121 | } 122 | .btn-primary:active, 123 | .btn-primary.active { 124 | background-color: #265a88; 125 | border-color: #245580; 126 | } 127 | .btn-primary.disabled, 128 | .btn-primary[disabled], 129 | fieldset[disabled] .btn-primary, 130 | .btn-primary.disabled:hover, 131 | .btn-primary[disabled]:hover, 132 | fieldset[disabled] .btn-primary:hover, 133 | .btn-primary.disabled:focus, 134 | .btn-primary[disabled]:focus, 135 | fieldset[disabled] .btn-primary:focus, 136 | .btn-primary.disabled.focus, 137 | .btn-primary[disabled].focus, 138 | fieldset[disabled] .btn-primary.focus, 139 | .btn-primary.disabled:active, 140 | .btn-primary[disabled]:active, 141 | fieldset[disabled] .btn-primary:active, 142 | .btn-primary.disabled.active, 143 | .btn-primary[disabled].active, 144 | fieldset[disabled] .btn-primary.active { 145 | background-color: #265a88; 146 | background-image: none; 147 | } 148 | .btn-success { 149 | background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); 150 | background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); 151 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); 152 | background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); 153 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); 154 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 155 | background-repeat: repeat-x; 156 | border-color: #3e8f3e; 157 | } 158 | .btn-success:hover, 159 | .btn-success:focus { 160 | background-color: #419641; 161 | background-position: 0 -15px; 162 | } 163 | .btn-success:active, 164 | .btn-success.active { 165 | background-color: #419641; 166 | border-color: #3e8f3e; 167 | } 168 | .btn-success.disabled, 169 | .btn-success[disabled], 170 | fieldset[disabled] .btn-success, 171 | .btn-success.disabled:hover, 172 | .btn-success[disabled]:hover, 173 | fieldset[disabled] .btn-success:hover, 174 | .btn-success.disabled:focus, 175 | .btn-success[disabled]:focus, 176 | fieldset[disabled] .btn-success:focus, 177 | .btn-success.disabled.focus, 178 | .btn-success[disabled].focus, 179 | fieldset[disabled] .btn-success.focus, 180 | .btn-success.disabled:active, 181 | .btn-success[disabled]:active, 182 | fieldset[disabled] .btn-success:active, 183 | .btn-success.disabled.active, 184 | .btn-success[disabled].active, 185 | fieldset[disabled] .btn-success.active { 186 | background-color: #419641; 187 | background-image: none; 188 | } 189 | .btn-info { 190 | background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); 191 | background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); 192 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); 193 | background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); 194 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); 195 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 196 | background-repeat: repeat-x; 197 | border-color: #28a4c9; 198 | } 199 | .btn-info:hover, 200 | .btn-info:focus { 201 | background-color: #2aabd2; 202 | background-position: 0 -15px; 203 | } 204 | .btn-info:active, 205 | .btn-info.active { 206 | background-color: #2aabd2; 207 | border-color: #28a4c9; 208 | } 209 | .btn-info.disabled, 210 | .btn-info[disabled], 211 | fieldset[disabled] .btn-info, 212 | .btn-info.disabled:hover, 213 | .btn-info[disabled]:hover, 214 | fieldset[disabled] .btn-info:hover, 215 | .btn-info.disabled:focus, 216 | .btn-info[disabled]:focus, 217 | fieldset[disabled] .btn-info:focus, 218 | .btn-info.disabled.focus, 219 | .btn-info[disabled].focus, 220 | fieldset[disabled] .btn-info.focus, 221 | .btn-info.disabled:active, 222 | .btn-info[disabled]:active, 223 | fieldset[disabled] .btn-info:active, 224 | .btn-info.disabled.active, 225 | .btn-info[disabled].active, 226 | fieldset[disabled] .btn-info.active { 227 | background-color: #2aabd2; 228 | background-image: none; 229 | } 230 | .btn-warning { 231 | background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); 232 | background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); 233 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); 234 | background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); 235 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); 236 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 237 | background-repeat: repeat-x; 238 | border-color: #e38d13; 239 | } 240 | .btn-warning:hover, 241 | .btn-warning:focus { 242 | background-color: #eb9316; 243 | background-position: 0 -15px; 244 | } 245 | .btn-warning:active, 246 | .btn-warning.active { 247 | background-color: #eb9316; 248 | border-color: #e38d13; 249 | } 250 | .btn-warning.disabled, 251 | .btn-warning[disabled], 252 | fieldset[disabled] .btn-warning, 253 | .btn-warning.disabled:hover, 254 | .btn-warning[disabled]:hover, 255 | fieldset[disabled] .btn-warning:hover, 256 | .btn-warning.disabled:focus, 257 | .btn-warning[disabled]:focus, 258 | fieldset[disabled] .btn-warning:focus, 259 | .btn-warning.disabled.focus, 260 | .btn-warning[disabled].focus, 261 | fieldset[disabled] .btn-warning.focus, 262 | .btn-warning.disabled:active, 263 | .btn-warning[disabled]:active, 264 | fieldset[disabled] .btn-warning:active, 265 | .btn-warning.disabled.active, 266 | .btn-warning[disabled].active, 267 | fieldset[disabled] .btn-warning.active { 268 | background-color: #eb9316; 269 | background-image: none; 270 | } 271 | .btn-danger { 272 | background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); 273 | background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); 274 | background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); 275 | background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); 276 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); 277 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 278 | background-repeat: repeat-x; 279 | border-color: #b92c28; 280 | } 281 | .btn-danger:hover, 282 | .btn-danger:focus { 283 | background-color: #c12e2a; 284 | background-position: 0 -15px; 285 | } 286 | .btn-danger:active, 287 | .btn-danger.active { 288 | background-color: #c12e2a; 289 | border-color: #b92c28; 290 | } 291 | .btn-danger.disabled, 292 | .btn-danger[disabled], 293 | fieldset[disabled] .btn-danger, 294 | .btn-danger.disabled:hover, 295 | .btn-danger[disabled]:hover, 296 | fieldset[disabled] .btn-danger:hover, 297 | .btn-danger.disabled:focus, 298 | .btn-danger[disabled]:focus, 299 | fieldset[disabled] .btn-danger:focus, 300 | .btn-danger.disabled.focus, 301 | .btn-danger[disabled].focus, 302 | fieldset[disabled] .btn-danger.focus, 303 | .btn-danger.disabled:active, 304 | .btn-danger[disabled]:active, 305 | fieldset[disabled] .btn-danger:active, 306 | .btn-danger.disabled.active, 307 | .btn-danger[disabled].active, 308 | fieldset[disabled] .btn-danger.active { 309 | background-color: #c12e2a; 310 | background-image: none; 311 | } 312 | .thumbnail, 313 | .img-thumbnail { 314 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); 315 | box-shadow: 0 1px 2px rgba(0, 0, 0, .075); 316 | } 317 | .dropdown-menu > li > a:hover, 318 | .dropdown-menu > li > a:focus { 319 | background-color: #e8e8e8; 320 | background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); 321 | background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); 322 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); 323 | background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); 324 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); 325 | background-repeat: repeat-x; 326 | } 327 | .dropdown-menu > .active > a, 328 | .dropdown-menu > .active > a:hover, 329 | .dropdown-menu > .active > a:focus { 330 | background-color: #2e6da4; 331 | background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); 332 | background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); 333 | background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); 334 | background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); 335 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); 336 | background-repeat: repeat-x; 337 | } 338 | .navbar-default { 339 | background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); 340 | background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); 341 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); 342 | background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); 343 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); 344 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 345 | background-repeat: repeat-x; 346 | border-radius: 4px; 347 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); 348 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); 349 | } 350 | .navbar-default .navbar-nav > .open > a, 351 | .navbar-default .navbar-nav > .active > a { 352 | background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); 353 | background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); 354 | background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); 355 | background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); 356 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); 357 | background-repeat: repeat-x; 358 | -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); 359 | box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); 360 | } 361 | .navbar-brand, 362 | .navbar-nav > li > a { 363 | text-shadow: 0 1px 0 rgba(255, 255, 255, .25); 364 | } 365 | .navbar-inverse { 366 | background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); 367 | background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); 368 | background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); 369 | background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); 370 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); 371 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 372 | background-repeat: repeat-x; 373 | border-radius: 4px; 374 | } 375 | .navbar-inverse .navbar-nav > .open > a, 376 | .navbar-inverse .navbar-nav > .active > a { 377 | background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); 378 | background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); 379 | background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); 380 | background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); 381 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); 382 | background-repeat: repeat-x; 383 | -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); 384 | box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); 385 | } 386 | .navbar-inverse .navbar-brand, 387 | .navbar-inverse .navbar-nav > li > a { 388 | text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); 389 | } 390 | .navbar-static-top, 391 | .navbar-fixed-top, 392 | .navbar-fixed-bottom { 393 | border-radius: 0; 394 | } 395 | @media (max-width: 767px) { 396 | .navbar .navbar-nav .open .dropdown-menu > .active > a, 397 | .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, 398 | .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { 399 | color: #fff; 400 | background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); 401 | background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); 402 | background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); 403 | background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); 404 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); 405 | background-repeat: repeat-x; 406 | } 407 | } 408 | .alert { 409 | text-shadow: 0 1px 0 rgba(255, 255, 255, .2); 410 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); 411 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); 412 | } 413 | .alert-success { 414 | background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); 415 | background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); 416 | background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); 417 | background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); 418 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); 419 | background-repeat: repeat-x; 420 | border-color: #b2dba1; 421 | } 422 | .alert-info { 423 | background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); 424 | background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); 425 | background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); 426 | background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); 427 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); 428 | background-repeat: repeat-x; 429 | border-color: #9acfea; 430 | } 431 | .alert-warning { 432 | background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); 433 | background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); 434 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); 435 | background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); 436 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); 437 | background-repeat: repeat-x; 438 | border-color: #f5e79e; 439 | } 440 | .alert-danger { 441 | background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); 442 | background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); 443 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); 444 | background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); 445 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); 446 | background-repeat: repeat-x; 447 | border-color: #dca7a7; 448 | } 449 | .progress { 450 | background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); 451 | background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); 452 | background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); 453 | background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); 454 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); 455 | background-repeat: repeat-x; 456 | } 457 | .progress-bar { 458 | background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); 459 | background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); 460 | background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); 461 | background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); 462 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); 463 | background-repeat: repeat-x; 464 | } 465 | .progress-bar-success { 466 | background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); 467 | background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); 468 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); 469 | background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); 470 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); 471 | background-repeat: repeat-x; 472 | } 473 | .progress-bar-info { 474 | background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); 475 | background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); 476 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); 477 | background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); 478 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); 479 | background-repeat: repeat-x; 480 | } 481 | .progress-bar-warning { 482 | background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); 483 | background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); 484 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); 485 | background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); 486 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); 487 | background-repeat: repeat-x; 488 | } 489 | .progress-bar-danger { 490 | background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); 491 | background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); 492 | background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); 493 | background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); 494 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); 495 | background-repeat: repeat-x; 496 | } 497 | .progress-bar-striped { 498 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 499 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 500 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 501 | } 502 | .list-group { 503 | border-radius: 4px; 504 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); 505 | box-shadow: 0 1px 2px rgba(0, 0, 0, .075); 506 | } 507 | .list-group-item.active, 508 | .list-group-item.active:hover, 509 | .list-group-item.active:focus { 510 | text-shadow: 0 -1px 0 #286090; 511 | background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); 512 | background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); 513 | background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); 514 | background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); 515 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); 516 | background-repeat: repeat-x; 517 | border-color: #2b669a; 518 | } 519 | .list-group-item.active .badge, 520 | .list-group-item.active:hover .badge, 521 | .list-group-item.active:focus .badge { 522 | text-shadow: none; 523 | } 524 | .panel { 525 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); 526 | box-shadow: 0 1px 2px rgba(0, 0, 0, .05); 527 | } 528 | .panel-default > .panel-heading { 529 | background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); 530 | background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); 531 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); 532 | background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); 533 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); 534 | background-repeat: repeat-x; 535 | } 536 | .panel-primary > .panel-heading { 537 | background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); 538 | background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); 539 | background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); 540 | background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); 541 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); 542 | background-repeat: repeat-x; 543 | } 544 | .panel-success > .panel-heading { 545 | background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); 546 | background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); 547 | background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); 548 | background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); 549 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); 550 | background-repeat: repeat-x; 551 | } 552 | .panel-info > .panel-heading { 553 | background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); 554 | background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); 555 | background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); 556 | background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); 557 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); 558 | background-repeat: repeat-x; 559 | } 560 | .panel-warning > .panel-heading { 561 | background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); 562 | background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); 563 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); 564 | background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); 565 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); 566 | background-repeat: repeat-x; 567 | } 568 | .panel-danger > .panel-heading { 569 | background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); 570 | background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); 571 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); 572 | background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); 573 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); 574 | background-repeat: repeat-x; 575 | } 576 | .well { 577 | background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); 578 | background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); 579 | background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); 580 | background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); 581 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); 582 | background-repeat: repeat-x; 583 | border-color: #dcdcdc; 584 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); 585 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); 586 | } 587 | /*# sourceMappingURL=bootstrap-theme.css.map */ 588 | -------------------------------------------------------------------------------- /projeto/css/bootstrap-theme.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.7 (http://getbootstrap.com) 3 | * Copyright 2011-2016 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:focus,.btn-success:hover{background-color:#419641;background-position:0 -15px}.btn-success.active,.btn-success:active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:focus,.btn-info:hover{background-color:#2aabd2;background-position:0 -15px}.btn-info.active,.btn-info:active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:focus,.btn-warning:hover{background-color:#eb9316;background-position:0 -15px}.btn-warning.active,.btn-warning:active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:focus,.btn-danger:hover{background-color:#c12e2a;background-position:0 -15px}.btn-danger.active,.btn-danger:active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#c12e2a;background-image:none}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)} 6 | /*# sourceMappingURL=bootstrap-theme.min.css.map */ -------------------------------------------------------------------------------- /projeto/css/bootstrap-theme.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["less/theme.less","less/mixins/vendor-prefixes.less","less/mixins/gradients.less","less/mixins/reset-filter.less"],"names":[],"mappings":";;;;AAmBA,YAAA,aAAA,UAAA,aAAA,aAAA,aAME,YAAA,EAAA,KAAA,EAAA,eC2CA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBDvCR,mBAAA,mBAAA,oBAAA,oBAAA,iBAAA,iBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBCsCA,mBAAA,MAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,iBDlCR,qBAAA,sBAAA,sBAAA,uBAAA,mBAAA,oBAAA,sBAAA,uBAAA,sBAAA,uBAAA,sBAAA,uBAAA,+BAAA,gCAAA,6BAAA,gCAAA,gCAAA,gCCiCA,mBAAA,KACQ,WAAA,KDlDV,mBAAA,oBAAA,iBAAA,oBAAA,oBAAA,oBAuBI,YAAA,KAyCF,YAAA,YAEE,iBAAA,KAKJ,aErEI,YAAA,EAAA,IAAA,EAAA,KACA,iBAAA,iDACA,iBAAA,4CAAA,iBAAA,qEAEA,iBAAA,+CCnBF,OAAA,+GH4CA,OAAA,0DACA,kBAAA,SAuC2C,aAAA,QAA2B,aAAA,KArCtE,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAgBN,aEtEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAiBN,aEvEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAkBN,UExEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,gBAAA,gBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,iBAAA,iBAEE,iBAAA,QACA,aAAA,QAMA,mBAAA,0BAAA,yBAAA,0BAAA,yBAAA,yBAAA,oBAAA,2BAAA,0BAAA,2BAAA,0BAAA,0BAAA,6BAAA,oCAAA,mCAAA,oCAAA,mCAAA,mCAME,iBAAA,QACA,iBAAA,KAmBN,aEzEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAoBN,YE1EI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,kBAAA,kBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,mBAAA,mBAEE,iBAAA,QACA,aAAA,QAMA,qBAAA,4BAAA,2BAAA,4BAAA,2BAAA,2BAAA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,+BAAA,sCAAA,qCAAA,sCAAA,qCAAA,qCAME,iBAAA,QACA,iBAAA,KA2BN,eAAA,WClCE,mBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,EAAA,IAAA,IAAA,iBD2CV,0BAAA,0BE3FI,iBAAA,QACA,iBAAA,oDACA,iBAAA,+CAAA,iBAAA,wEACA,iBAAA,kDACA,OAAA,+GF0FF,kBAAA,SAEF,yBAAA,+BAAA,+BEhGI,iBAAA,QACA,iBAAA,oDACA,iBAAA,+CAAA,iBAAA,wEACA,iBAAA,kDACA,OAAA,+GFgGF,kBAAA,SASF,gBE7GI,iBAAA,iDACA,iBAAA,4CACA,iBAAA,qEAAA,iBAAA,+CACA,OAAA,+GACA,OAAA,0DCnBF,kBAAA,SH+HA,cAAA,ICjEA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBD6DV,sCAAA,oCE7GI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SD2CF,mBAAA,MAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,iBD0EV,cAAA,iBAEE,YAAA,EAAA,IAAA,EAAA,sBAIF,gBEhII,iBAAA,iDACA,iBAAA,4CACA,iBAAA,qEAAA,iBAAA,+CACA,OAAA,+GACA,OAAA,0DCnBF,kBAAA,SHkJA,cAAA,IAHF,sCAAA,oCEhII,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SD2CF,mBAAA,MAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,gBDgFV,8BAAA,iCAYI,YAAA,EAAA,KAAA,EAAA,gBAKJ,qBAAA,kBAAA,mBAGE,cAAA,EAqBF,yBAfI,mDAAA,yDAAA,yDAGE,MAAA,KE7JF,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,UFqKJ,OACE,YAAA,EAAA,IAAA,EAAA,qBC3HA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,gBDsIV,eEtLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAKF,YEvLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAMF,eExLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAOF,cEzLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAeF,UEjMI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFuMJ,cE3MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFwMJ,sBE5MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFyMJ,mBE7MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF0MJ,sBE9MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF2MJ,qBE/MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF+MJ,sBElLI,iBAAA,yKACA,iBAAA,oKACA,iBAAA,iKFyLJ,YACE,cAAA,IC9KA,mBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,EAAA,IAAA,IAAA,iBDgLV,wBAAA,8BAAA,8BAGE,YAAA,EAAA,KAAA,EAAA,QEnOE,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFiOF,aAAA,QALF,+BAAA,qCAAA,qCAQI,YAAA,KAUJ,OCnME,mBAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,EAAA,IAAA,IAAA,gBD4MV,8BE5PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFyPJ,8BE7PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF0PJ,8BE9PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF2PJ,2BE/PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF4PJ,8BEhQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF6PJ,6BEjQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFoQJ,MExQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFsQF,aAAA,QC3NA,mBAAA,MAAA,EAAA,IAAA,IAAA,gBAAA,EAAA,IAAA,EAAA,qBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,gBAAA,EAAA,IAAA,EAAA","sourcesContent":["/*!\n * Bootstrap v3.3.7 (http://getbootstrap.com)\n * Copyright 2011-2016 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n//\n// Load core variables and mixins\n// --------------------------------------------------\n\n@import \"variables.less\";\n@import \"mixins.less\";\n\n\n//\n// Buttons\n// --------------------------------------------------\n\n// Common styles\n.btn-default,\n.btn-primary,\n.btn-success,\n.btn-info,\n.btn-warning,\n.btn-danger {\n text-shadow: 0 -1px 0 rgba(0,0,0,.2);\n @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);\n .box-shadow(@shadow);\n\n // Reset the shadow\n &:active,\n &.active {\n .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n }\n\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n .box-shadow(none);\n }\n\n .badge {\n text-shadow: none;\n }\n}\n\n// Mixin for generating new styles\n.btn-styles(@btn-color: #555) {\n #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));\n .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners; see https://github.com/twbs/bootstrap/issues/10620\n background-repeat: repeat-x;\n border-color: darken(@btn-color, 14%);\n\n &:hover,\n &:focus {\n background-color: darken(@btn-color, 12%);\n background-position: 0 -15px;\n }\n\n &:active,\n &.active {\n background-color: darken(@btn-color, 12%);\n border-color: darken(@btn-color, 14%);\n }\n\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: darken(@btn-color, 12%);\n background-image: none;\n }\n }\n}\n\n// Common styles\n.btn {\n // Remove the gradient for the pressed/active state\n &:active,\n &.active {\n background-image: none;\n }\n}\n\n// Apply the mixin to the buttons\n.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }\n.btn-primary { .btn-styles(@btn-primary-bg); }\n.btn-success { .btn-styles(@btn-success-bg); }\n.btn-info { .btn-styles(@btn-info-bg); }\n.btn-warning { .btn-styles(@btn-warning-bg); }\n.btn-danger { .btn-styles(@btn-danger-bg); }\n\n\n//\n// Images\n// --------------------------------------------------\n\n.thumbnail,\n.img-thumbnail {\n .box-shadow(0 1px 2px rgba(0,0,0,.075));\n}\n\n\n//\n// Dropdowns\n// --------------------------------------------------\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus {\n #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));\n background-color: darken(@dropdown-link-hover-bg, 5%);\n}\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));\n background-color: darken(@dropdown-link-active-bg, 5%);\n}\n\n\n//\n// Navbar\n// --------------------------------------------------\n\n// Default navbar\n.navbar-default {\n #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);\n .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered\n border-radius: @navbar-border-radius;\n @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);\n .box-shadow(@shadow);\n\n .navbar-nav > .open > a,\n .navbar-nav > .active > a {\n #gradient > .vertical(@start-color: darken(@navbar-default-link-active-bg, 5%); @end-color: darken(@navbar-default-link-active-bg, 2%));\n .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));\n }\n}\n.navbar-brand,\n.navbar-nav > li > a {\n text-shadow: 0 1px 0 rgba(255,255,255,.25);\n}\n\n// Inverted navbar\n.navbar-inverse {\n #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);\n .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered; see https://github.com/twbs/bootstrap/issues/10257\n border-radius: @navbar-border-radius;\n .navbar-nav > .open > a,\n .navbar-nav > .active > a {\n #gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%));\n .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));\n }\n\n .navbar-brand,\n .navbar-nav > li > a {\n text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n }\n}\n\n// Undo rounded corners in static and fixed navbars\n.navbar-static-top,\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n border-radius: 0;\n}\n\n// Fix active state of dropdown items in collapsed mode\n@media (max-width: @grid-float-breakpoint-max) {\n .navbar .navbar-nav .open .dropdown-menu > .active > a {\n &,\n &:hover,\n &:focus {\n color: #fff;\n #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));\n }\n }\n}\n\n\n//\n// Alerts\n// --------------------------------------------------\n\n// Common styles\n.alert {\n text-shadow: 0 1px 0 rgba(255,255,255,.2);\n @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);\n .box-shadow(@shadow);\n}\n\n// Mixin for generating new styles\n.alert-styles(@color) {\n #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));\n border-color: darken(@color, 15%);\n}\n\n// Apply the mixin to the alerts\n.alert-success { .alert-styles(@alert-success-bg); }\n.alert-info { .alert-styles(@alert-info-bg); }\n.alert-warning { .alert-styles(@alert-warning-bg); }\n.alert-danger { .alert-styles(@alert-danger-bg); }\n\n\n//\n// Progress bars\n// --------------------------------------------------\n\n// Give the progress background some depth\n.progress {\n #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)\n}\n\n// Mixin for generating new styles\n.progress-bar-styles(@color) {\n #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));\n}\n\n// Apply the mixin to the progress bars\n.progress-bar { .progress-bar-styles(@progress-bar-bg); }\n.progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }\n.progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }\n.progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }\n.progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }\n\n// Reset the striped class because our mixins don't do multiple gradients and\n// the above custom styles override the new `.progress-bar-striped` in v3.2.0.\n.progress-bar-striped {\n #gradient > .striped();\n}\n\n\n//\n// List groups\n// --------------------------------------------------\n\n.list-group {\n border-radius: @border-radius-base;\n .box-shadow(0 1px 2px rgba(0,0,0,.075));\n}\n.list-group-item.active,\n.list-group-item.active:hover,\n.list-group-item.active:focus {\n text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);\n #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));\n border-color: darken(@list-group-active-border, 7.5%);\n\n .badge {\n text-shadow: none;\n }\n}\n\n\n//\n// Panels\n// --------------------------------------------------\n\n// Common styles\n.panel {\n .box-shadow(0 1px 2px rgba(0,0,0,.05));\n}\n\n// Mixin for generating new styles\n.panel-heading-styles(@color) {\n #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));\n}\n\n// Apply the mixin to the panel headings only\n.panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }\n.panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }\n.panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }\n.panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }\n.panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }\n.panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }\n\n\n//\n// Wells\n// --------------------------------------------------\n\n.well {\n #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);\n border-color: darken(@well-bg, 10%);\n @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);\n .box-shadow(@shadow);\n}\n","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They have been removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility) {\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n","// Gradients\n\n#gradient {\n\n // Horizontal gradient, from left to right\n //\n // Creates two color stops, start and end, by specifying a color and position for each color stop.\n // Color stops are not available in IE9 and below.\n .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12\n background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down\n }\n\n // Vertical gradient, from top to bottom\n //\n // Creates two color stops, start and end, by specifying a color and position for each color stop.\n // Color stops are not available in IE9 and below.\n .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12\n background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down\n }\n\n .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {\n background-repeat: repeat-x;\n background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12\n background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n }\n .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);\n background-repeat: no-repeat;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n }\n .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-repeat: no-repeat;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n }\n .radial(@inner-color: #555; @outer-color: #333) {\n background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);\n background-image: radial-gradient(circle, @inner-color, @outer-color);\n background-repeat: no-repeat;\n }\n .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {\n background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n }\n}\n","// Reset filters for IE\n//\n// When you need to remove a gradient background, do not forget to use this to reset\n// the IE filter for IE9 and below.\n\n.reset-filter() {\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(enabled = false)\"));\n}\n"]} -------------------------------------------------------------------------------- /projeto/css/styles.css: -------------------------------------------------------------------------------- 1 | @import "../../css/icons.css"; 2 | 3 | html, body, .box-100-height { 4 | height: 100%; 5 | } 6 | #sidenav { 7 | background-color: #333333; 8 | color: #888; 9 | padding-right: 0; 10 | overflow-y: auto; 11 | } 12 | 13 | #sidenav a { 14 | color: #888; 15 | } 16 | 17 | #sidenav .navbar { 18 | margin-left: -15px; 19 | } 20 | 21 | #sidenav .nav-header { 22 | padding: 10px 15px; 23 | font-weight: bold; 24 | margin-top: 20px; 25 | } 26 | 27 | #sidenav .nav-pills>li>a { 28 | border-radius: 0; 29 | padding: 5px 15px; 30 | } 31 | 32 | #sidenav .nav-pills>li.active>a { 33 | background-color: transparent; 34 | color: #fff; 35 | font-weight: bold; 36 | } 37 | 38 | #sidenav .nav-pills>li>a:hover, #sidenav .nav-pills>li>a:focus { 39 | background-color: #222222; 40 | } 41 | 42 | #sidenav .nav>li>a:before, #chat-title a.status:before { 43 | content: ''; 44 | display: inline-block; 45 | border: 1px solid #888; 46 | border-radius: 100%; 47 | width: 7px; 48 | height: 7px; 49 | vertical-align: middle; 50 | margin-right: 7px; 51 | } 52 | 53 | #sidenav .nav>li.no-status>a:before { 54 | display: none; 55 | } 56 | 57 | #sidenav .nav>li.online>a:before, #chat-title a.status:before { 58 | background-color: #2ecc71; 59 | } 60 | 61 | #sidenav .nav>li>a.action:before { 62 | display: none; 63 | } 64 | 65 | #sidenav .nav>li { 66 | position: relative; 67 | } 68 | 69 | #sidenav .nav>li>a.action { 70 | display: none; 71 | position: absolute; 72 | top: 5px; 73 | right:5px; 74 | z-index: 99; 75 | font-weight: bold; 76 | border: 2px solid #888; 77 | border-radius: 100%; 78 | color: #888; 79 | padding: 0 5px; 80 | font-size: 12px; 81 | text-align: center; 82 | height: 20px; 83 | line-height: 16px; 84 | } 85 | 86 | #sidenav .nav>li:hover>a.action { 87 | display: block; 88 | } 89 | 90 | #me li a { 91 | padding-top: 5px; 92 | padding-bottom: 5px; 93 | } 94 | 95 | #content { 96 | overflow-y: auto; 97 | overflow-x: hidden; 98 | padding: 0; 99 | } 100 | 101 | #content .navbar-nav>li>a { 102 | padding-top: 30px; 103 | padding-bottom: 30px; 104 | } 105 | 106 | #content .navbar-nav>li>.navbar-form { 107 | padding-top: 15px; 108 | padding-bottom: 15px; 109 | } 110 | 111 | #chat-title { 112 | position: relative; 113 | height: 80px; 114 | } 115 | 116 | #chat-title li { 117 | position: absolute; 118 | top: 50%; 119 | left: 0; 120 | transform: translate(0, -50%); 121 | display: block; 122 | } 123 | 124 | #chat-title li>span { 125 | white-space: nowrap; 126 | } 127 | 128 | #chat-title .title { 129 | display: block; 130 | font-weight: bold; 131 | } 132 | 133 | #chat-title li a { 134 | color: #333; 135 | } 136 | 137 | #chat-title li a.favorite span { 138 | color: #fed136; 139 | vertical-align: middle; 140 | } 141 | 142 | #content h5 { 143 | font-weight: bold; 144 | } 145 | 146 | #content .datetime-separator { 147 | position: relative; 148 | text-align: center; 149 | } 150 | 151 | #content .datetime-separator h5 { 152 | display: inline-block; 153 | background-color: #fff; 154 | padding: 0 20px; 155 | } 156 | 157 | #content .datetime-separator:before { 158 | content: '';; 159 | display: block; 160 | width: 100%; 161 | border-bottom: 1px solid #cccccc; 162 | position: absolute; 163 | top: 50%; 164 | z-index: -1; 165 | } 166 | 167 | .img-box-round img { 168 | width: 80px; 169 | height: 80px; 170 | } -------------------------------------------------------------------------------- /projeto/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/projeto/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /projeto/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/projeto/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /projeto/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/projeto/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /projeto/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/projeto/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /projeto/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | chatschool 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 21 | 22 | 23 |
24 |
25 |
26 | 38 | 39 | 44 | 45 | 62 | 63 | 76 | 77 | 110 |
111 | 112 |
113 | 140 | 141 |
142 |
143 |
20/03/2017
144 |
145 |
146 | 147 |
148 |
149 |
150 | 151 |
152 |
153 |
154 |
155 |
amathias 5:35 PM
156 |
157 |
158 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

159 |

Duis sit amet diam lacus.

160 |
161 |
162 |
163 | 164 |
165 |
166 |
167 | 168 |
169 |
170 |
171 |
172 |
candido 5:35 PM
173 |
174 |
175 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

176 |

Duis sit amet diam lacus.

177 |
178 |
179 |
180 | 181 |
182 |
183 |
Hoje
184 |
185 |
186 | 187 |
188 |
189 |
190 | 191 |
192 |
193 |
194 |
195 |
amathias 5:35 PM
196 |
197 |
198 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

199 |

Duis sit amet diam lacus.

200 |
201 |
202 |
203 | 204 |
205 |
206 |
207 | 208 |
209 |
210 |
211 |
212 |
candido 5:35 PM
213 |
214 |
215 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

216 |

Duis sit amet diam lacus.

217 |
218 |
219 |
220 | 221 |
222 |
223 |
224 | 225 |
226 |
227 |
228 |
229 |
amathias 5:35 PM
230 |
231 |
232 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

233 |

Duis sit amet diam lacus.

234 |
235 |
236 |
237 | 238 |
239 |
240 |
241 | 242 |
243 |
244 |
245 |
246 |
candido 5:35 PM
247 |
248 |
249 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

250 |

Duis sit amet diam lacus.

251 |
252 |
253 |
254 | 255 |
256 |
257 |
258 | 259 |
260 |
261 |
262 |
263 |
amathias 5:35 PM
264 |
265 |
266 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

267 |

Duis sit amet diam lacus.

268 |
269 |
270 |
271 | 272 |
273 |
274 |
275 | 276 |
277 |
278 |
279 |
280 |
candido 5:35 PM
281 |
282 |
283 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

284 |

Duis sit amet diam lacus.

285 |
286 |
287 |
288 | 289 |
290 |
291 |
292 | 293 |
294 |
295 |
296 |
297 |
amathias 5:35 PM
298 |
299 |
300 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

301 |

Duis sit amet diam lacus.

302 |
303 |
304 |
305 | 306 |
307 |
308 |
309 | 310 |
311 |
312 |
313 |
314 |
candido 5:35 PM
315 |
316 |
317 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

318 |

Duis sit amet diam lacus.

319 |
320 |
321 |
322 | 323 |
324 |
325 |
326 | 327 |
328 |
329 |
330 |
331 |
amathias 5:35 PM
332 |
333 |
334 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

335 |

Duis sit amet diam lacus.

336 |
337 |
338 |
339 | 340 |
341 |
342 |
343 | 344 |
345 |
346 |
347 |
348 |
candido 5:35 PM
349 |
350 |
351 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

352 |

Duis sit amet diam lacus.

353 |
354 |
355 |
356 | 357 |
358 |
359 |
360 | 361 |
362 |
363 |
364 |
365 |
amathias 5:35 PM
366 |
367 |
368 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

369 |

Duis sit amet diam lacus.

370 |
371 |
372 |
373 | 374 |
375 |
376 |
377 | 378 |
379 |
380 |
381 |
382 |
candido 5:35 PM
383 |
384 |
385 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

386 |

Duis sit amet diam lacus.

387 |
388 |
389 |
390 |
391 |
392 |
393 | 394 | 395 | 396 | 397 | 398 | 399 | -------------------------------------------------------------------------------- /projeto/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /quem-somos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Quem somos - Chatschool 8 | 9 | 10 | 11 | 12 | 13 | 40 |
41 |
42 |
43 |
44 |
45 | 46 |
47 |
48 |

Quem somos

49 |

Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor. Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor. Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor Lorem Ipsum.

50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | 59 |

Missão

60 |

Lorem ipsum dolor sit amet, consectetur adipisicing. Ut enim ad minim, nostrud exercitation ullamco laboris nisi ut aliquip ex commodo.

61 |
62 |
63 | 64 |

Visão

65 |

Lorem ipsum dolor sit amet, consectetur adipisicing. Ut enim ad minim, nostrud exercitation ullamco laboris nisi ut aliquip ex commodo.

66 |
67 |
68 | 69 |

Valores

70 |

Lorem ipsum dolor sit amet, consectetur adipisicing. Ut enim ad minim, nostrud exercitation ullamco laboris nisi ut aliquip ex commodo.

71 |
72 |
73 |
74 |
75 |
76 | 103 | 104 | 107 | 108 | -------------------------------------------------------------------------------- /slides/01-protocolo-http.odp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/slides/01-protocolo-http.odp -------------------------------------------------------------------------------- /slides/02-html.odp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/schoolofnetcom/html-e-css-do-zero/7fc506fc90cdb09a4e654e3c420105f2d3af068a/slides/02-html.odp --------------------------------------------------------------------------------