01 website:done
After Width: | Height: | Size: 265 KiB |
After Width: | Height: | Size: 290 KiB |
After Width: | Height: | Size: 279 KiB |
After Width: | Height: | Size: 378 KiB |
After Width: | Height: | Size: 451 KiB |
After Width: | Height: | Size: 480 KiB |
After Width: | Height: | Size: 361 KiB |
After Width: | Height: | Size: 266 KiB |
After Width: | Height: | Size: 264 KiB |
After Width: | Height: | Size: 10 MiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 2.3 MiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 2.4 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 2.4 MiB |
After Width: | Height: | Size: 2.5 MiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 3.2 MiB |
After Width: | Height: | Size: 2.8 MiB |
After Width: | Height: | Size: 2.8 MiB |
@ -0,0 +1,102 @@
|
||||
|
||||
@font-face {
|
||||
font-family: "cinetype";
|
||||
src: url('font/GT-Cinetype-Bold.eot'); /* IE9 Compat Modes */
|
||||
src: url('font/GT-Cinetype-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('font/GT-Cinetype-Bold.otf') format("opentype"),
|
||||
url('font/GT-Cinetype-Bold.ttf') format("truetype"),
|
||||
url('font/GT-Cinetype-Bold.woff') format("woff");
|
||||
}
|
||||
|
||||
body{
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background-image: url("img/cropped-pattern.jpg");
|
||||
background-repeat: repeat;
|
||||
font-family: "cinetype", Helvetica, sans-serif;
|
||||
color:#ff662c;
|
||||
font-size:14pt;
|
||||
|
||||
}
|
||||
|
||||
a, a:visited{
|
||||
color:#ff662c;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: 1.8em;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
p { font-size: 1.2em;}
|
||||
|
||||
|
||||
.big{
|
||||
font-size: 30px;
|
||||
text-align: right;
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
|
||||
.small{
|
||||
font-size: 12px;
|
||||
text-align: justify;
|
||||
text-align-last: right;
|
||||
|
||||
}
|
||||
|
||||
.small-right{
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
.icons{
|
||||
width:20px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
div.parent { }
|
||||
|
||||
.info-op-is-op{
|
||||
float:right;
|
||||
display:inline-block;
|
||||
padding: 10px 20px 10px 30px;
|
||||
text-align: left;
|
||||
margin-left: auto;
|
||||
margin-right: 10px;
|
||||
width:40%;
|
||||
}
|
||||
|
||||
div.white{ background-color: white;
|
||||
padding: 10px 20px 10px 30px;
|
||||
}
|
||||
|
||||
div.images {
|
||||
float:left;
|
||||
display:inline-block;
|
||||
margin-left: 10px;
|
||||
margin-right: auto;
|
||||
width:40%;
|
||||
}
|
||||
|
||||
img {
|
||||
width:100%;
|
||||
margin-top:10px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:900px){
|
||||
div.parent{margin-left: 100px;}
|
||||
div.white {margin:10px;}
|
||||
div.info-op-is-op{ width:100%;}
|
||||
div.images { width:100%;}
|
||||
}
|