O nosso trabalho é relacionado a reciclagem, sustentabilidade e ao meio ambiente
Por: Jose.Nascimento • 4/9/2018 • 628 Palavras (3 Páginas) • 503 Visualizações
...
Criamos uma div parao menu lateral , uma box
Menu
- [Fotos](</span><span><u>file:///F:/Pasta%20Sem%20T%C3%ADtulo/fotos.html</u></span><span>)
Criamos também uma div box para as anotações
Notas
O que
� a sustentabilidade?
Aqui a div principal
E outra div para o rodapé
Autoria do grupo feminino
Agora o css
Do slide de fotos
* {margin: 0; padding: 0;}
body {background: #ccc;}
.slider{
width: 640px; /*Same as width of the large image*/
position: relative;
/*Instead of height we will use padding*/
padding-top: 320px; /*That helps bring the labels down*/
margin: 100px auto;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
}
.slider>img{
position: absolute;
left: 0; top: 0;
transition: all 0.5s;
}
.slider input[name='slide_switch'] {
display: none;
}
.slider label {
margin: 18px 0 0 18px;
border: 3px solid #999;
float: left;
cursor: pointer;
transition: all 0.5s;
opacity: 0.6;
}
.slider label img{
display: block;
}
.slider input[name='slide_switch']:checked+label {
border-color: #666;
opacity: 1;
}
.slider input[name='slide_switch'] ~ img {
opacity: 0;
transform: scale(1.1);
}
.slider input[name='slide_switch']:checked+label+img {
opacity: 1;
transform: scale(1);
}
E o da pagina principal
/* General Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button, {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:none;
}
ol, ul {
list-style-type:none;
}
h1, h2, h3, h4, h5, h6, li {
line-height:100%;
}
blockquote, q {
quotes:none;
}
q:before, q:after {
content:"";
}
input, textarea, select {
font:12px Arial, Helvetica, sans-serif;
vertical-align:middle;
padding:0;
margin:0;
}
textarea {
overflow:auto;
resize:none;
}
body {
margin:0px;
padding:0px;
font-size:13px;
line-height:21px;
color:#113e5d;
background-color:#9ba0a3;
font-family:Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 {
font-size:33px;
margin-bottom:10px;
}
h2 {
font-size:25px;
margin-bottom:10px;
...