This commit is contained in:
nikolark committed 2012-09-18 11:21:38 +02:00
1 parent 5b90d648d7
commit cd6d010958
4 files changed
+33 -68

No files matched your search

+3 -13
View File
@@ -1,16 +1,6 @@
/* ==========================================================================
Author's custom styles
========================================================================== */
.group-header {
min-height: 90px;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

+30 -55
View File
@@ -13,7 +13,7 @@
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 60px;
padding-top: 20px;
padding-bottom: 40px;
}
</style>
@@ -29,75 +29,50 @@
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form pull-right">
<input class="span2" type="text" placeholder="Email">
<input class="span2" type="password" placeholder="Password">
<button type="submit" class="btn">Sign in</button>
</form>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
<img src="img/logo_valgt_graatoner.png" />
<p>Kommunikasjonsavdelingen ved <a href="http://studentersamfundet.no">Det Norske Studentersamfund</a> på <a href="http://studentersamfundet.no">Chateau Neuf</a> består av fire undergrupper...</p>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="span4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details &raquo;</a></p>
<div class="span3">
<div class="group-header">
<img src="img/design.png" />
</div>
<p>Trenger din forening plakat, flyer, meny, eller kanskje en ny logo? Slapp av, KAKs grafiske designere er tilgjengelige for alle husets foreninger. Samfundsforeninger kan <a href="http://studentersamfundet.no/bestilling/">bestille grafisk utforming</a> av KAK til nesten hva som helst. (Det er attpåtil gratis!) Lurer du på noe? Ta kontakt med <a href="mailto:kak-design-leder@studentersamfundet.no">design-node</a>!</p>
<p><a class="btn" href="http://bestilling.studentersamfundet.no/design/">Bestill designoppdrag &raquo;</a></p>
</div>
<div class="span4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn" href="#">View details &raquo;</a></p>
<div class="span3">
<div class="group-header">
<img src="img/edb.png" />
</div>
<p><strong>EDB</strong> består av to grupper: Drift og Web. De sørger for vedlikehold av husets systemer, <a href="http://studentersamfundet.no">nettsider</a> og nettverk. Gjengen leverer dessuten datamaskiner og kan tilby en rekke IT-tjenester til de øvrige foreningene på huset! Så ikke nøl med å <a href="mailto:kak-edb@studentersamfundet.no">ta kontakt</a> om du er i IT-nød!
</p>
<p><a class="btn" href="http://edb.neuf.no">Les mer &raquo;</a></p>
</div>
<div class="span3">
<div class="group-header">
<img src="img/prm.png" />
</div>
<p><strong>PRM</strong> jobber med PR og markedsføring. Trenger du ideer til hvordan du skal markedsføre et arrangement? Eller kanskje sitter du på kul idé du ønsker å realisere, men usikker på hvordan? Trenger du tiltak for å skape mer samhold i foreningen din? Ta kontakt med <a href="mailto:kak-prm@studentersamfundet.no">prm-gruppen</a>, så hjelper de deg videre!</p>
</div>
<div class="span3">
<div class="group-header">
<img src="img/tekst.png" />
</div>
<p><strong>Skribentersamfundet</strong> er våre trofaste, vittige og kreative skribenter, og studentersamfundets stemme utad. De veksler mellom å skrive presseskriv, anmelde konserter, teater og foredrag, og gjøre deg superpopulær på twitter. Dette er gjengen som går over lik for å koke tekst på spiker, om nødvendig! Trenger du en tekst, ønsker arrangementet ditt anmeldt, eller simpelten leter etter en pennevenn, ta kontakt med ghostbusters på <a href="mailto:kak-tekst@studentersamfundet.no">kak-tekst@studentersamfundet.no</a></p>
<p><a class="btn disabled" href="#" title="Bestillingsskjema er på vei...">Bestill tekstoppdrag &raquo;</a></p>
</div>
<div class="span4">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn" href="#">View details &raquo;</a></p>
</div>
</div>
<hr>
<footer>
<p>&copy; Company 2012</p>
<p></p>
</footer>
</div> <!-- /container -->