Company Name, Inc

Now you can use this design for your N.nu website

How to get this design

NOTE: N.nu do not offer support on this custom template, CSS and HTML. If you need help with these steps, contact Susanna so she can fix this for you for a really good price.

Step 1

Start a website through N.nu and acquire so that you have at least 10 months credit on your premium (a requirement to install this template).

Step 2

Go to the custom template and paste the following in the CSS box:

@import url(http://staticjw.com/n/templates/customtemplate1/style.css);

/* <span class="hps">You can</span> <span class="hps">input your own</span> <span class="hps">CSS</span> <span class="hps">below this line</span><span>.</span> <span class="hps">This comment</span> <span class="hps">can be deleted</span> */

Step 3

Paste the following HTML code for the template:

Step 4

To get to the slider (slide show) follow these instructions or if you just want a single image to upload a header image.

Step 5

Delete or edit the HTML code:

<div class="header_right">
	<ul>
		<li><a href="#" title="Subcribe to Our RSS Feed!"><img src="http://staticjw.com/n/templates/customtemplate1/images/rss.jpg" /></a></li>
		<li><a href="http://youtube.com" title="Join Us on Youtube!"><img src="http://staticjw.com/n/templates/customtemplate1/images/youtube.jpg" /></a></li>
		<li><a href="http://www.facebook.com/www.n.nu" title="Join Us on Facebook!"><img src="http://staticjw.com/n/templates/customtemplate1/images/facebook.jpg" /></a></li>
		<li><a href="http://twitter.com" title="Follow Us on Twitter!"><img src="http://staticjw.com/n/templates/customtemplate1/images/twitter.jpg" /></a></li>
	</ul>
</div>

Step 6

Delete or edit the quote on page:

<blockquote>Det första intrycket av ett företag är ofta väldigt viktigt och detta intryck sker oftast genom företagets hemsida. Därför är det nödvändigt att du har den bästa möjliga design för din hemsida. <a href="http://www.premiumdesign1.n.nu/sa-har-skaffar-du-denna-design">Läs här</a> hur du skaffar denna design för din hemsida.</blockquote>

Step 7

Radera eller redigera de tre bilderna och deras tillhörande text. Använd denna länken för att ladda upp bilder och använd storleken 270 x 123. Ersätt bildernas URL med dina egna. Ändra URLerna för länkarna så att de pekar mot dina egna interna sidor.


<div class="section">
    	<a href="http://www.premiumdesign1.n.nu/exempel-undersida"><img width="270" height="123" src="http://staticjw.com/n/templates/customtemplate1/images/discussion.jpg" alt="Planering" /></a>
        <h2>Planering</h2>
	<p>Här kan stå en liten introduktionstext om planering eller vad som helst. Sätt in en lämplig bild. <a href="http://www.premiumdesign1.n.nu/exempel-undersida">Läs mer</a></p>
</div>
<div class="section" style="margin-left:60px;">
	<a href="http://www.premiumdesign1.n.nu/exempel-undersida"><img width="270" height="123" src="http://staticjw.com/n/templates/customtemplate1/images/event.jpg" alt="Föredrag" /></a>
	<h2>Föredrag</h2>
	<p>Ditt företag kanske håller föredrag. Här kan du då ha en liten text som berättar om det och med en länk där man kan läsa mer om detta. <br> <a href="/exempel-undersida">Läs mer</a></p>
</div>
<div class="section" style="float:right;">
	<a href="http://www.premiumdesign1.n.nu/exempel-undersida"><img width="270" height="123" src="http://staticjw.com/n/templates/customtemplate1/images/support.jpg" alt="support"  /></a>
	<h2>Support</h2>
	<p>Här skulle man kunna ha en liten text som berättar vilken bra support som ert företag erbjuder. <a href="http://www.premiumdesign1.n.nu/exempel-undersida">Läs mer</a></p>
</div>

Step 8

Edit the contents of the foot:


<div class="footer-section"> 
	<h4>Kontakta oss</h4>	
	<p>Företagsnamn AB<br/>
	Sveagatan 34<br/>
	123 45 Stockholm</p>
	<p>Telefon: 123-456-7899<br/>
	E-post: <span id="e771038697">[javascript protected email address]</span><script type="text/javascript">/*<![CDATA[*/eval("var a="3GBgk824UpsbSLCqozHMwlncTu-JtNYQhR+f7DeyXO_jm1F0K.VvidxE@5ZI6Ar9aWP";var b=a.split("").sort().join("");var c="IA@@EZ6LxBxA";var d="";for(var e=0;e<c.length;e++)d+=b.charAt(a.indexOf(c.charAt(e)));document.getElementById("e771038697").innerHTML="<a href="mailto:"+d+"">"+d+"</a>"")/*]]>*/</script></p>
	<p>Org nummer: 556243-5331<br/>
	Innehar F-skattsedel</p>
</div>
<div class="footer-section">
	<h4>Några rader från vår VD</h4>
	<p><img class="alignleft" style="float:left;margin-right:10px;" src="http://staticjw.com/n/templates/customtemplate1/images/ceo.jpg" alt="Ersätt med namnet på personen" />Här kommer en liten text som skulle kunna vara en liten beskrivning eller lite uttalanden från er VD eller grundare.</p>
</div>
<div class="footer-section">
	<h4>Vårt nyhetsbrev</h4>
	<p>Vi skickar rabatter och speciella erbjudanden till våra prenumeranter. Bli även inbjuden till våra föredrag.</p>
	
</div>
<div class="footer-section">
	<h4>Länkar</h4>
	<ul>
		<li><a href="http://www.n.nu/">N.nu</a></li>
		<li><a href="http://directory.n.nu/">Exempel på N.nu hemsidor</a></li>
	</ul>
</div>

Steg 9

The rest is created as usual with the system in N.nu.

This website was built using N.nu - try it yourself for free.