How should I design a website about led lights?

kitson · Feb 20, 2012

I am designing a website about led lights for a friend of mine.It is a hard work,caus I haven't a lot experience and I don't know much about led lights.Especially the product pages are not easy to design. I searched the Internet and found the page http://www.ervan.cn/Products/L06G-double-sided-LED-tube.htm .Should I design the website like the style?Do you have any other good ideas or website style?Thanks for your help.

Phreaddee · Feb 20, 2012

here you go.
try this!

HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="uft-8" />
<style>
.light {
width:20px;
height:20px;
border-radius:13px;
position:relative;
float:left;
display:inline;
padding:3px;
margin:2px;
background-color:#ccc;
}

.light:hover {
background-color:yellow;
}

body {
background-color:#231f20;

}

.red {background-color:red;}
.green {background-color:green;}
.blue {background-color:blue;}

#wrapper {
margin:0 auto;
width:960px;
margin-top:50px;
}


.clear {
clear:both;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="light red clear"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>

<div class="light clear"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>

<div class="light blue clear"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>

<div class="light green clear"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>
<div class="light green"></div>
<div class="light blue"></div>
<div class="light"></div>
<div class="light red"></div>


</div>
</body>
</html>

kitson · Feb 20, 2012

Thanks for your reply!
I am not good at programming,but I can understand what you write here.It is useful!I'll try it.

How should I design a website about led lights?

kitson

New Member

Phreaddee

Super Moderator

kitson

New Member