Difference between revisions of "Team:Aalto-Helsinki/Team"
(Added some texts) |
(Added navigation) |
||
Line 34: | Line 34: | ||
.leafborder { background: none; } | .leafborder { background: none; } | ||
.vertical-align { display: inline; } | .vertical-align { display: inline; } | ||
+ | } | ||
+ | |||
+ | /* Styles for navigation inside a page */ | ||
+ | |||
+ | #sidenav { | ||
+ | float:left; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | bottom: 4%; | ||
+ | width: 10%; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #sidenav > li > a { | ||
+ | padding-top: 1px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #sidenav > li > a > h3 { | ||
+ | margin-top:2px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 1px; | ||
+ | } | ||
+ | #sidenav a:hover, | ||
+ | #sidenav a.active { | ||
+ | color: black !important; | ||
+ | } | ||
+ | |||
+ | /* Let's hide the navbar when the device is small! */ | ||
+ | @media screen and (max-width: 760px) { | ||
+ | #sidenav { display: none; } | ||
} | } | ||
</style> | </style> | ||
− | <!-- | + | |
+ | <ul id="sidenav" class="nav nav-stacked"><!-- nav-pills if we want rounded corners --> | ||
+ | <li><a href="#" data-scroll="about us"><h3>About us</h3></a></li> | ||
+ | <li><a href="#" data-scroll="members"><h3>Members</h3></a></li> | ||
+ | <li><a href="#" data-scroll="advisors"><h3>Advisors</h3></a></li> | ||
+ | <li><a href="#"><h3 style="border-top:solid;">To the top</h3></a></li> | ||
+ | </ul> | ||
+ | |||
<div class="backgroundleaves"> | <div class="backgroundleaves"> | ||
Line 46: | Line 84: | ||
<div class="row"> | <div class="row"> | ||
+ | <section id="about us" class="active" data-anchor="about us"> | ||
<h2 style="border-style:none; text-align:center">About us</h2> | <h2 style="border-style:none; text-align:center">About us</h2> | ||
Line 54: | Line 93: | ||
<br/> | <br/> | ||
</div> | </div> | ||
+ | </section> | ||
+ | <section id="members" class="active" data-anchor="members"> | ||
+ | <div class="row"><h2 style="text-align:center">Members</h2></div> | ||
<!-- Anna --> | <!-- Anna --> | ||
<div class="row vertical-align"> | <div class="row vertical-align"> | ||
Line 198: | Line 240: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </section> | ||
+ | |||
<!-- Advisors --> | <!-- Advisors --> | ||
+ | <section id="advisors" class="active" data-anchor="advisors"> | ||
+ | <h2 style=border-style:none; text-align:center">Advisors</h2> | ||
<div class="row vertical-align"> | <div class="row vertical-align"> | ||
<div class="col-xs-12 col-md-6"> | <div class="col-xs-12 col-md-6"> | ||
Line 214: | Line 260: | ||
<div class="col-xs-12 col-md-6"> | <div class="col-xs-12 col-md-6"> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-md-12"><h2 style="border-style:none;margin:0;"> | + | <div class="col-md-12"><h2 style="border-style:none;margin:0;">Instructor</h2></div> |
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
Line 224: | Line 270: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </section> | |
Revision as of 13:12, 4 September 2015