<html>
<head>

<title>Solveig Knutsen</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<meta name="description" content="Digital designer and photographer based in Oslo, Norway. Available for freelance work.">
<meta name="keywords" content="digital design,web design,design,photography, photographer,moving image">

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Contact";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
}
</script>
</head>

<body>

<div id="toggleText" style="display:none;">
<div class="bakvindu"><div class="vindu">
<div class="left">
<p>Contact<i class="fa fa-address-card-o" style="float:right;"></i<>/p>

<p><i class="fa fa-phone"></i> 00 47 92 44 77 70>
<a>hei@solveigknutsen.no</a></p>

<p>Represented by <a href="http://palookaville.no/solveig-knutsen" target="_blank"<Palookaville Agency</a>
Agent: <a href="mailto:pauline@palookaville.no">pauline@palookaville.no</a></p>
<p><i class="fa fa-map-pin"></i> Oslo, Norway</p>
</div>

<div class="right">
<p>Social<i class="fa fa-user-plus" style="float:right;"></i></p>
<a class="toggleLink" href="https://www.instagram.com/fotografsolveig/" target="_blank">ig - @fotografsolveig</a>
<a class="toggleLink" href="https://www.facebook.com/fotografsolveig/" target="_blank">fb - @fotografsolveig</a>
<a class="toggleLink" href="#" target="_blank">be - Solveig Knutsen</a>
<a class="toggleLink" href="https://www.linkedin.com/in/solveig-knutsen-ba850258/" target="_blank">in - Solveig Knutsen</a>
</div></div>
</div>

</div>

<div id="header">
<div class="left"><a class="logo" href="index.html">Solveig Knutsen</a></div>
<div class="right"><a class="contact" id="displayText" href="javascript:toggle();">Contact</a>
</div>
</div>

<div id="holder">

<div class="anchor"><a name="toppen"></a></div>

<div id="intro">
<div class="textpost">
<h1>Oslo based digital designer & photographer.
Currently available freelance for web projects.
For photography and moving image go to - <a href="http://palookaville.no/solveig-knutsen" target="_blank">Palookaville Agency</a></h1>

<h1>Get in touch with me!
<a href="mailto:hei@solveigknutsen.no">hei@solveigknutsen.no</a></h1> </div>
</div>

<div id="main">

<div class="textpost">
<h2 align="center">Selected work</h2>
</div>

<div class="fullpost">
<img src="palookaville_skisse.png" width="70%">
<p2>Palookaville<br />
Web design & developement on Squarespace<br />
<a href="http://palookaville.no" target="_blank">www.palookaville.no</a></p2>
</div>

<div class="fullpost">
<img src="goodtype_skisse.png" width="70%">
<p2>Good Type Foundry<br />
Web design & developement on Squarespace<br />
<a href="http://goodtypefoundry.com" target="_blank">www.goodtypefoundry.com</a></p2>
</div>

<div class="textpost">
<p>Hover images</p>
<ul>
<li><img src="images/iris1.png" onmouseover="this.src='images/iris2.png'" onmouseout="this.src='images/iris1.png'" width="100%">
<p2>Iris x PS Magasin<br />
Editorial, published PS #10</p2>
<img src="images/lips.gif" width="100%">
<p2>Kiss<br />
Moving image</p2></li>

<li><img src="images/guerlain.jpg" width="100%">
<p2>Guerlain<br />
Product photography</p2>
<img src="images/mariamena.jpg" onmouseover="this.src='images/mariamena2.jpg'" onmouseout="this.src='images/mariamena.jpg'" width="100%">
<p2>Maria Mena x Prefall<br />
Portraits, <a href="http://prefall.com/" target="_blank">prefall.com</a></p2>
</li>

<li><img src="images/siritollerod.jpg" onmouseover="this.src='images/siri2.jpg'" onmouseout="this.src='images/siritollerod.jpg'" width="100%">
<p2>Siri Tollerød x PS Magasin<br />
Beauty, published PS #8</p2>
<img src="images/chanelnails.gif" width="100%">
<p2>Chanel<br />
Moving product photography</p2></li>
</ul>

<ul>
<li class="stor"><img src="images/her.jpg" onmouseover="this.src='images/him.jpg'" onmouseout="this.src='images/her.jpg'" width="100%">
<p2>His & hers<br />
Still life</p2></li>

<li><img src="images/julie.jpg" onmouseover="this.src='images/julie2.jpg'" onmouseout="this.src='images/julie.jpg'" width="100%">
<p2>Julie x Jubileumsdrakten<br />
Lookbook for <a href="http://evalie.no/" target="_blank">Eva Lie Design</a></p2></li>
</ul>

<ul>
<li><img src="images/product1.jpg" onmouseover="this.src='images/product2.jpg'" onmouseout="this.src='images/product1.jpg'" width="100%">
<p2>Spring news<br />
Still Life, published PS #8</p2></li>

<li class="stor"><img src="images/lancome.jpg" onmouseover="this.src='images/blaa.jpg'" onmouseout="this.src='images/lancome.jpg'" width="100%">
<p2>Mascara<br />
Beauty, published PS #9</p2></li>
</ul>

<ul>
<li class="stor"><img src="images/float2.jpg" onmouseover="this.src='images/float1.jpg'" onmouseout="this.src='images/float2.jpg'" width="100%">
<p2>Floating<br />
Still Life, published PS #7</p2></li>
<li><img src="images/sorlandschips2.gif" width="100%">
<p2>Sørlandschips<br />
Case photography</p2></li>
</ul>
</div>

<div class="fullpost">
<video poster="video/santamaria.png" controls>
<source src="video/santamaria.mp4" type="video/mp4">
</video>

<video poster="video/evalie.png" controls>
<source src="video/EvaLie.mp4" type="video/mp4">
</video>

<div class="videotext">
<p2>Santa Maria<br />
Video on Santa Maria skincare for PS Magasin</p2>
</div>

<div class="videotext">
<p2>Jubileumsdrakten<br />
Video on the Norwegian anniversary costume for Eva Lie design</p2>
</div>
</div>

<div class="textpost">
<ul>
<li><img src="images/sorlandschips.jpg" width="100%">
<p2>Sørlandschips<br />
Case Photography</p2>
<img src="images/white.gif" width="100%">
<p2>White<br />
Still Life</p2>
</li>

<li><img src="images/replica.gif" width="100%">
<p2>Replica<br />
Still Life</p2>
</li>

<li><img src="images/ysl.jpg" width="100%">
<p2>YSL<br />
Beauty, published PS #8</p2></li>
</ul>
</div>

<div id="footer">
<p align="center"><a class="icon" href="#toppen" rel="" class="anchorLink">
<img src="pilopp.png" width="60px" onmouseover="this.src='pilopp2.png'" onmouseout="this.src='pilopp.png'" /></a></p>

<div class="longtext">
<p>Type set in Helios by <a class="foot" href="http://www.goodtypefoundry.com" target="_blank">Good Type Foundry</a></p>
</div>
</div>

</div>
</div>

<div id="sourcelink"><a href="index2.html"><i class="fa fa-code"></i> source view</a></div>

<div id="fixedfoot">
<div class="right">
<a class="icon" href="https://www.instagram.com/fotografsolveig/" target="_blank">Instagram </div>

<script>
$('a').click(function(){
$('html, body').animate({
scrollTop: $('[name="' + $.attr(this, 'href').substr(1) + '"]').offset().top
}, 500);
return false;
});
</script>

</body>
</html>
Instagram Behance