-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
63 lines (57 loc) · 2.67 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<head>
<link rel="stylesheet" href="http://images.apple.com/home/styles/home.css" type="text/css">
<style type="text/css" media="screen">
.promos div
{
background-color:#f6f6f6;
background-image:linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
border-radius:5px;
box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
cursor:pointer;
display:inline-block;
height:185px;
width:185px;
}
</style>
<body id="home" class="home">
<aside class="promos">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</aside>
<div class="teaser-row">
<div class="teaser">
<h2>Ruukki rainwater systems</h2>
<div class="teaser-img">
<a id="main_4_ctl00_hlLinkImage" href="/Roofing-products/Rainwater-systems">
<img src="/~/media/Images/Ruukkiroofs/Teasers/Front_page/rws.ashx" alt="" width="302" height="167">
</a>
</div>
<div class="teaser-txt">
<p><a id="main_4_ctl00_hlLinkText" class="plain" href="/Roofing-products/Rainwater-systems">Ruukki's rainwater systems have been designed for every roof type.<br><br></a></p>
<a id="main_4_ctl00_hlLink" href="/Roofing-products/Rainwater-systems">Read more about Ruukki rainwater systems</a>
</div>
</div>
<div class="teaser">
<h2>Finnera - easy to buy</h2>
<div class="teaser-img">
<a id="main_4_ctl01_hlLinkImage" href="/Roofing-products/Roofs/Finnera-Plus-tile-effect-steel-roof"><img src="/~/media/Images/Ruukkiroofs/Teasers/Front_page/Finnera_easy_to_buy.ashx" alt="Finnera is easy to buy" width="302" height="167"></a>
</div>
<div class="teaser-txt">
<p><a id="main_4_ctl01_hlLinkText" class="plain" href="/Roofing-products/Roofs/Finnera-Plus-tile-effect-steel-roof">With Finnera, you get design and top quality in a fully standardized stock-ready package, making your whole roofing project as easy and smooth as possible.</a></p>
<a id="main_4_ctl01_hlLink" href="/Roofing-products/Roofs/Finnera-Plus-tile-effect-steel-roof">Read more about Finnera</a>
</div>
</div>
<div class="teaser last">
<h2>Visualize your roof</h2>
<div class="teaser-img">
<a id="main_4_ctl02_hlLinkImage" href="/Visualize-your-roof"><img src="/~/media/Images/Ruukkiroofs/Teasers/Front_page/Roof-visualizer.ashx" alt="Roof visualizer" width="302" height="167"></a>
</div>
<div class="teaser-txt">
<p><a id="main_4_ctl02_hlLinkText" class="plain" href="/Visualize-your-roof">See how different roof colours and roofing sheets would look on your house.<br><br></a></p>
<a id="main_4_ctl02_hlLink" href="/Visualize-your-roof">To roof visualizer</a>
</div>
</div>
</div>
</body>