|
|
(52 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | {{TU-header3}} |
- | <head>
| + | __NOTOC__ |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | <html> |
- | <title>Portfólio de Luciana Sciammarella, Bibliotecária e Analista de Sistemas
| + | <body style="background-image:initial; background-repeat-x:no-repeat; background-repeat-y:no-repeat; background-repeat:no-repeat; background-attachment:initial; background-position:initial initial; background-position-x:initial; background-position-y:initial; background-origin:initial; background-clip:initial; background-color:#656565; margin:0pt; " onload="onPageLoad();" onunload="onPageUnload();" > |
- | </title>
| + | <div style="text-align:center; " > |
- | <link href="http://fonts.googleapis.com/css?family=Lobster|Philosopher|Tangerine:bold&subset=latin" rel="stylesheet" type="text/css">
| + | <div style="background-color:#FFFFFF; text-align:left; width:900px; margin:4px auto 10px auto; " id="body_content" > |
- | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| + | |
- | <script type="text/javascript" src="http://lucianasciammarella.com.br/jquery.imBookFlip-0.6A.js"></script>
| + | |
- |
| + | |
- | <style>
| + | |
- | body {
| + | |
- | }
| + | |
- | .logos {
| + | |
- | margin-top:60px;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | #ficha {
| + | |
- | margin-left:45px;
| + | |
- | margin-right:22px;
| + | |
- | margin-top:200px;
| + | |
- | padding:15px 10px;
| + | |
- | font-family:"Courier New";
| + | |
- | font-size:11px;
| + | |
- | border:1px solid DarkSlateGray;
| + | |
- | }
| + | |
- | #ficha p {
| + | |
- | margin:0;
| + | |
- | }
| + | |
- | #ficha p.classificacao {
| + | |
- | margin-left:40px;
| + | |
- | }
| + | |
- | .cdd {
| + | |
- | text-align:right;
| + | |
- | }
| + | |
- | #capa {
| + | |
- | position:absolute;
| + | |
- | right:50%;
| + | |
- | top:49px;
| + | |
- | background: 0px 0px url(newleft.png);
| + | |
- | width: 409px;
| + | |
- | height:651px;
| + | |
- | }
| + | |
- | #myBook {
| + | |
- | position:absolute;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | margin-top:40px;
| + | |
- | left:0;
| + | |
- | right:0;
| + | |
- | display:none;
| + | |
- | width: 818px;
| + | |
- | height:651px;
| + | |
- | }
| + | |
- | .imBookPage {
| + | |
- | position:absolute;
| + | |
- | left:0px;
| + | |
- | top:0px;
| + | |
- | width: 407px;
| + | |
- | height:651px;
| + | |
- | overflow:hidden;
| + | |
- | border:solid 1px transparent;
| + | |
- | }
| + | |
- | .imBookPage.left {
| + | |
- | background: -1px 0px url(newleft.png);
| + | |
- | }
| + | |
- | .imBookPage.right {
| + | |
- | background: -1px 0px url(newright.png);
| + | |
- | }
| + | |
- | .rosto h1, .rosto h2, .rosto h3 {
| + | |
- | text-align:center;
| + | |
- | font-family:"Lobster";
| + | |
- | margin-left:40px;
| + | |
- | margin-right:60px;
| + | |
- | color:goldenrod;
| + | |
- | text-shadow: 0em 0.1em 0.1em black;
| + | |
- | /* opacity: .65; /* Standard: FF gt 1.5, Opera, Safari
| + | |
- | /* filter: alpha(opacity=65); /* IE lt 8 */
| + | |
- | /* -ms-filter: "alpha(opacity=65)"; /* IE 8 */
| + | |
- | /* -khtml-opacity: .65; /* Safari 1.x */
| + | |
- | /* -moz-opacity: .65; /* FF lt 1.5, Netscape */
| + | |
- | }
| + | |
- | .rosto h1 {
| + | |
- | margin-top:60px;
| + | |
- | font-size:54px;
| + | |
- | padding-bottom:10px;
| + | |
- | }
| + | |
- | .rosto h2 {
| + | |
- | font-size:32px;
| + | |
- | margin-top:40px;
| + | |
- | font-family:Philosopher;
| + | |
- | color:darkgoldenrod;
| + | |
- | text-shadow:none;
| + | |
- | border-bottom: 2px solid goldenrod;
| + | |
- | border-top: 2px solid goldenrod;
| + | |
- | }
| + | |
- | .rosto h3 {
| + | |
- | margin-top:160px;
| + | |
- | }
| + | |
- | .rosto p {
| + | |
- | margin-top:0;
| + | |
- | }
| + | |
- | .logos img {
| + | |
- | margin:0px 15px;
| + | |
- | }
| + | |
- | .content {
| + | |
- | margin-top:50px;
| + | |
- | margin-left:68px;
| + | |
- | margin-right:30px;
| + | |
- | color:black;
| + | |
- | font-size:30px;
| + | |
- | font-family: Tangerine, arial, serif;
| + | |
- | text-shadow: 0em 0em 0.5em goldenrod;
| + | |
- | }
| + | |
- | .content.right {
| + | |
- | margin-left:30px;
| + | |
- | margin-right:68px;
| + | |
- | }
| + | |
- | .content em {
| + | |
- | text-decoration:underline;
| + | |
- | font-style:normal;
| + | |
- | font-weight:normal;
| + | |
- | font-size:36px;
| + | |
- | /*background:url(highlight.png);*/
| + | |
- | }
| + | |
- | .content > p:first-child {
| + | |
- | background:url(us.png) top right no-repeat;
| + | |
- | min-height:48px;
| + | |
- | }
| + | |
- | .content.right > p:first-child {
| + | |
- | background:url(br.png) top right no-repeat;
| + | |
- | }
| + | |
- |
| + | |
- | </style> | + | |
- | <script type="text/javascript">
| + | |
- | $(document).ready( function() {
| + | |
- | $("#myBook").imBookFlip({
| + | |
- | page_class: 'imBookPage'
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div id="capa">
| + | |
- | <p class="logos">
| + | |
- | <img src="biblio1.png">
| + | |
- | <img src="cyber.png">
| + | |
- | </p>
| + | |
- | <div id="ficha"> | + | |
- | <p class="cutter">
| + | |
- | V632b Vicente, Luciana Silva Sciammarella
| + | |
- | </p>
| + | |
- | <p class="classificacao">
| + | |
- | Bibliotecária & Analista de Sistemas /
| + | |
- | Luciana Silva Sciammarella Vicente. – Rio de Janeiro : Lucasoft, 2010.
| + | |
- | </p>
| + | |
- | <p class="classificacao">
| + | |
- | 10p. : il. col. ; 21cm
| + | |
- | </p>
| + | |
- | <p class="cdd">
| + | |
- | CDD 923.020
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="myBook" style="display:none;">
| + | |
- | <div class="imBookPage right rosto">
| + | |
- | <h1>Luciana Sciammarella</h1>
| + | |
- | <h2>Bibliotecária <br />&<br /> Analista de Sistemas</h2>
| + | |
- | <h3><big>©</big> Lucasoft 2010</h3>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="imBookPage left">
| + | |
- | <div class="content">
| + | |
- | <p>Hello,</p>
| + | |
- | <p></p>
| + | |
- | <p>I am <em>Luciana Sciammarella</em>, the Head Librarian of the
| + | |
- | prestigious high school Santo Agostinho in Rio de Janeiro.
| + | |
- | </p>
| + | |
- | <p>
| + | |
- | I have a passion for books and everything related to
| + | |
- | Library Science.
| + | |
- | </p>
| + | |
- | <p>
| + | |
- | As you can see by this portfolio, I have also a passion
| + | |
- | for technology and the internet.
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="imBookPage right">
| + | |
- | <div class="content right">
| + | |
- | <p>Olá,</p>
| + | |
- | <p></p>
| + | |
- | <p>Eu sou <em>Luciana Sciammarella</em>, a Bibliotecária Chefe
| + | |
- | do prestigiado colégio Santo Agostinho no Rio de Janeiro.
| + | |
- | </p>
| + | |
- | <p>
| + | |
- | Sou apaixonada por livros e tudo relacionado à
| + | |
- | Biblioteconomia.
| + | |
- | </p>
| + | |
- | <p>
| + | |
- | Como podem ver por este portfólio, também tenho
| + | |
- | paixão por tecnologia e pela internet.
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="imBookPage left">
| + | |
- | <div class="content">
| + | |
- | <p>Título página 3</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="imBookPage right">
| + | |
- | <div class="content right">
| + | |
- | <p>Título página 4</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </body>
| + | |
| </html> | | </html> |
| + | <br> |
| + | |
| + | <html> |
| + | <table width="100%" cellpadding="0" cellspacing="10" border="0"> |
| + | <tr> |
| + | <td width="50%" valign="top"> |
| + | <p><h1>The Focus</h1> |
| + | Bacteria can be good or bad. This is the way of saying that bacteria are respectively beneficial or harmful for human beings. |
| + | |
| + | Good bacteria have always existed. Some species help humans to digest certain foods, others are important in the production process of, for example, milk, cheese or yogurt. There are even bacterial species that help agriculture by fixating nitrogen for more fertile croplands. This majority of all species are harmless to humans. |
| + | <img src="https://static.igem.org/mediawiki/2011/6/69/S.thermophilus.jpeg" width="440px" /></p> |
| + | </td> |
| + | <td width="50%" valign="top"> |
| + | <p><img src="https://static.igem.org/mediawiki/2011/8/8c/Salmonella_enterica.jpg" width="440px"; /> |
| + | <h4></h4> |
| + | Although the bad bacteria are a minority, they are well known. These species can spoil food or make you sick. Take for example ''Salmonella enterica'' that is a natural part of the chicken’s flora. Chickens have no problems with this bacteria strain, but humans can get very sick because of this little brad. |
| + | |
| + | Al together we have to respect what they do for us, but have to watch out which bacteria we catch. The iGEM TU Delft want to raise attention for the good bacteria simply because they deserve it!</p> |
| + | </td> |
| + | </tr> |
| + | </table> |
| + | |
| + | </html> |
| + | {{TU-footer}} |