Difference between revisions of "Team:Heidelberg/Sandbox6"
Lukas Adam (Talk | contribs) (Created page with "{{Heidelberg/header}} {{Heidelberg/navbar}} <html> <head> <style> .box { padding: 20px; padding-left: 16px; text-decoration: none; background-color: #393939; color: white...") |
Lukas Adam (Talk | contribs) |
||
| Line 12: | Line 12: | ||
color: white; | color: white; | ||
font-family: 'Open Sans'; | font-family: 'Open Sans'; | ||
| − | |||
| − | |||
} | } | ||
| − | + | #box1:hover { | |
| + | background-color: #6698BE !important; | ||
| + | transition: all 1s ease; | ||
| + | } | ||
| + | #box2:hover { | ||
| + | background-color: #f8991d !important; | ||
| + | transition: all 1s ease; | ||
| + | } | ||
| + | #box3:hover { | ||
| + | background-color: #9d1c20 !important; | ||
| + | transition: all 1s ease; | ||
| + | } | ||
| + | #box4:hover { | ||
| + | background-color: #ffd700 !important; | ||
| + | transition: all 1s ease; | ||
| + | } | ||
.cell { | .cell { | ||
| Line 40: | Line 53: | ||
} | } | ||
| − | + | .boxes-row > a { | |
| + | color: white !important; | ||
| + | } | ||
.box:hover { | .box:hover { | ||
| Line 52: | Line 67: | ||
</style> | </style> | ||
</head> | </head> | ||
| − | <div | + | <div style="padding:0;background-color: #222; padding-top: 70px;border-bottom: 10px solid white;"> |
<h1 style="font-family: 'Josefin Sans' !important;color: white !important; text-align: center !important; font-size: 70px !important;line-height: 80px !important">SOFTWARE OVERVIEW</h1> | <h1 style="font-family: 'Josefin Sans' !important;color: white !important; text-align: center !important; font-size: 70px !important;line-height: 80px !important">SOFTWARE OVERVIEW</h1> | ||
</div> | </div> | ||
| − | <div class="container" style="padding:0;background-color: #222; background-repeat: no-repeat; background-size: 100% auto; color: white;padding-top: | + | <div class="container" style="padding:0;background-color: #222; background-repeat: no-repeat; background-size: 100% auto; color: white;padding-top: 30px;"> |
| Line 67: | Line 82: | ||
<div class="boxes-table"> | <div class="boxes-table"> | ||
<div class="boxes-row"> | <div class="boxes-row"> | ||
| − | <a href="" class="cell box" style="width:25%; text-align: | + | <a href="" class="cell box" id="box1" style="width:25%; text-align:justify; "> |
<img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | <img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | ||
| − | <h2 style="color: white !important; font-family: 'Josefin Sans' !important">DeeProtein</h2> | + | <h2 style="color: white !important; font-family: 'Josefin Sans' !important; text-align: center !important">DeeProtein</h2> |
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. | ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. | ||
</a> | </a> | ||
| − | <a href="" class="cell box" style="width:25%; text-align:center;"> | + | <a href="" class="cell box" id="box2" style="width:25%; text-align:center;"> |
<img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | <img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | ||
<h2 style="color: white !important; font-family: 'Josefin Sans' !important">GAIA</h2> | <h2 style="color: white !important; font-family: 'Josefin Sans' !important">GAIA</h2> | ||
| Line 79: | Line 94: | ||
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. | ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. | ||
</a> | </a> | ||
| − | <a href="" class="cell box" style="width:25%; text-align:center;"> | + | <a href="" class="cell box" id="box3" style="width:25%; text-align:center;"> |
<img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | <img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | ||
<h2 style="color: white !important; font-family: 'Josefin Sans' !important">SafetyNet</h2> | <h2 style="color: white !important; font-family: 'Josefin Sans' !important">SafetyNet</h2> | ||
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </a> | ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </a> | ||
| − | <a href="" class="cell box" style="width:25%; text-align:center;"> | + | <a href="" class="cell box" id="box4" style="width:25%; text-align:center;"> |
<img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | <img src="https://static.igem.org/mediawiki/2014/9/9f/Heidelberg_Igemathome_bg.png" class="img-responsive"/> | ||
<h2 style="color: white !important; font-family: 'Josefin Sans' !important">Interactive Modeling</h2> | <h2 style="color: white !important; font-family: 'Josefin Sans' !important">Interactive Modeling</h2> | ||
Revision as of 15:12, 20 October 2017
SOFTWARE OVERVIEW
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
DeeProtein
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
GAIA
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
SafetyNet
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
