Tag: Style Color Io OS AR for SP Div 2014
<! Doctype HTML>
<HTML>
<Head>
<Title> </title>
<Meta charset = "UTF-8">
<Style type = "text/CSS">
. {
Margin-left: 50px;
Width: 1052px;
Height: 581px;
}
. A1 {
Width: 1052px;
Height: 128px;
Background-color: # f8f8f8;
Position: relative;
}
. A1-1 {
Width: 200px;
Height: 128px;
Float: left;
}
. ZT {
Font-size: 30px;
Cursor: pointer;
}
. ZT: hover {
Color: blue;
}
. Zt1 {
Font-size: 10px;
Font-family: Arial;
Cursor: pointer;
}
. Zt1: hover {
Color: green;
}
. A1-2 {
Width: 852px;
Height: 128px;
Float: left;
}
. B {
Width: 852px;
Height: 50px;
}
. TP {
Margin-top: 10px;
Margin-left: 700px;
Width: 150px;
Height: 30px;
Background-color: # 4f4f4f;
Border-radius: 30px;
}
. Bzt {
Padding-left: 20px;
Padding-top: 5px;
Font-size: 15px;
Font-family: Arial;
Color: white;
Font-weight: 700;
Text-align: center;
Cursor: pointer;
Float: left;
}
. Bzt: hover {
Color: red;
}
. B1 {
Width: 852px;
Height: 78px;
}
. B2-1 {
Margin-left: 100px;
Width: 350px;
Height: 78px;
Float: left;
}
. B1zt1 {
Margin-top: 30px;
Margin-left: 20px;
Font-size: 10px;
Font-family: Arial;
Color: #7e7567;
Font-weight: 700;
Float: left;
Cursor: pointer;
}
. B1zt1: hover {
Color: # 34a2ec;
}
. B2-2 {
Width: 402px;
Height: 78px;
Float: left;
}
. A2 {
Padding: 24px 32px;
Width: 1020px;
Height: 429px;
Border: 1px groove;
}
. A2-1 {
Width: 680px;
Height: 427px;
Border-bottom: 1px dotted # d8d8d8;
Float: left;
}
. C1-1 {
Width: 680px;
Height: 280px;
Background:
-WebKit-linear-gradient (360deg, # d6d6d6, # f7f7f7, # d1d1d1 );
}
. C1-1-1 {
Padding-top: 30px;
Padding-left: 25px;
Font-size: 30px;
Font-family: Arial;
Font-weight: 800;
Color: #292929;
}
. C1-1-2 {
Padding-left: 25px;
Font-size: 30px;
Font-family: Arial;
Font-weight: 200;
Color: #292929;
}
. C1-1-3 {
Padding-left: 25px;
Padding-top: 30px;
Font-size: 10px;
Font-family: Arial;
Font-weight: 600;
Color: #292929;
Float: left;
}
. C1-1-4 {
Margin-top: 70px;
Margin-left: 25px;
Width: 120px;
Height: 30px;
Border-radius: 30px;
Background:
-WebKit-linear-gradient (360deg, # 0272bb 1px, # c3eaf5, # 0272bb 118px );
}
. C4 {
Margin-left: 10px;
Padding-top: 5px;
Width: 100px;
Height: 5px;
Border-radius: 5px;
Background:
-WebKit-linear-gradient (-90deg, # 0272bb 1%, # bbe5f3, # c3f2fd );
}
. C5 {
Padding-left: 17px;
Font-size: 20px;
Font-weight: 600;
Color: white;
Cursor: pointer;
}
. C5: hover {
Color: #000;
}
. C1-2 {
Width: 680px;
Height: 55px;
Background-color: #333333;
}
. C1-2zt {
Padding: 5px;
Padding-left: 30px;
Font-size: 15px;
Font-weight: 700;
Color: white;
Line-Height: 20px;
}
. C1-3 {
Width: 680px;
Height: 92px;
}
. Xlk {
Padding-left: 500px;
}
. C1-3zt {
Padding-top: 55px;
Font-family: Arial;
}
. A2-2 {
Margin-left: 32px;
Width: 308px;
Height: 427px;
Float: left;
}
. D1 {
Width: 308px;
Height: 115px;
}
. D1-1 {
Width: 308px;
Height: 60px;
Border-bottom: 1px dotted # d8d8d8;
}
. D1-2 {
Width: 308px;
Height: 54px;
Border-bottom: 1px dotted # d8d8d8;
}
. D1-2zt {
Padding-top: 10px;
Font-size: 10px;
Font-family: Arial;
Font-weight: 500;
Color: #7d6587;
}
. D2 {
Width: 308px;
Height: 262px;
Border-bottom: 1px dotted # d8d8d8;
}
. D2-1 {
Width: 308px;
Height: 25px;
Float: left;
}
. D2-1zt {
Font-size: 15px;
Font-weight: 500;
Font-family: Arial;
Color: # 64645c;
Cursor: pointer;
}
. D2-1zt: hover {
Color: red;
}
. D3 {
Width: 308px;
Height: 50px;
}
. D3-1 {
Padding-top: 20px;
Font-size: 30px;
}
</Style>
</Head>
<Body>
<Div class = "A">
<Div class = "A1">
<Div class = "a1-1">
<Div class = "ZT"> dreamtemplate </div>
<Div class = "zt1"> premium website templates </div>
</Div>
<Div class = "a1-2">
<Div class = "B">
<Div class = "TP">
<Div class = "bzt">
Menbers area & nbsp; </div>
<Div>
</Div>
</Div>
</Div>
<Div class = "B1">
<Div class = "b2-1">
<Div style = "padding-top: 25px; cursor: pointer; float: Left;">
</Div>
<Div class = "b1zt1"> View new templates
</Div>
<Div class = "b1zt1">
& Nbsp; categories </div>
<Div style = "padding-top: 25px; padding-left: 10px; cursor: pointer; float: Left;">
</div>
</Div>
<Div class = "b2-2">
<Div class = "b1zt1"> subpartition plan </div>
<Div class = "b1zt1"> signup now </div>
<Div class = "b1zt1"> contact </div>
<Div> </div>
</Div>
</Div>
</Div>
</Div>
<Div class = "A2">
<Div class = "a2-1">
<Div class = "c1-1">
<Div class = "c1-1-1"> 7500 + web templates </div>
<Div class = "c1-1-2"> unlimited downloads for $59.95 </div>
<Div class = "c1-1-3">
<Div style = "color: red; font-size: 10px; float: Left;"> + </div> no per product fees
</Div>
<Div class = "c1-1-3">
<Div style = "color: red; font-size: 10px; float: Left;"> + </div> one full year subpartition
</Div>
<Div class = "c1-1-4">
<Div class = "C4"> </div>
<Div class = "C5"> moreinfo </div>
</Div>
</Div>
<Div class = "C1-2">
<Div class = "c1-2zt">
Access the #1 premium website sub‑store for $59.95 save $20 <br> limited time offer expires: <span style = "font-size: 15px; color: # b3aca5; "> October 15,2014 @ 11.055pm Cst. </span> </div>
</Div>
<Div class = "c1-3">
<Div class = "xlk">
<Select style = "cursor: pointer;">
<Option> sort mostpopular </option>
<Option> sort mostpo </option>
</SELECT> </div>
<Div class = "c1-3zt"> CSS templates </div>
</Div>
</Div>
<Div class = "a2-2">
<Div class = "d1">
<Div class = "d1-1">
<Div style = "font-size: 25px; line-Height: 40px;"> categories </div>
<Div class = "d1-2">
<Div class = "d1-2zt"> View All templates <span style = "font-size: 10px; color: # aeab9a"> (10343) </span> </div>
<Div class = "d1-2zt"> searchtemplates </div>
</Div>
</Div>
<Div class = "D2">
<Div class = "d2-1" style = "margin-top: 15px;">
<SPAN class = "d2-1zt"> CSS templates </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> pro webs site templates </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> Web site templates </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> flash templa tes </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> flash CSS templates </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> photo gallery templates </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> woro templates </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> impersonate identity </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> PowerPoint templates </span>
</Div>
<Div class = "d2-1">
<SPAN class = "d2-1zt"> free web site templates </span>
</Div>
</Div>
<Div class = "D3">
<Div class = "d3-1"> premium users: </div>
</Div>
</Div>
</Div>
</Div>
</Body>
</Html>
10.16 jobs