Skip to content

Commit 2736b15

Browse files
icon changed and pdf link added
1 parent 2f51085 commit 2736b15

File tree

2 files changed

+95
-10
lines changed

2 files changed

+95
-10
lines changed

assets/style.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,10 @@
4646
font-size: 18px;
4747
}
4848

49+
.pdf-button a {
50+
text-decoration: none;
51+
}
52+
4953
.pdf-button button {
5054
background-color: #e8c39e;
5155
border: none;
@@ -55,6 +59,7 @@
5559
cursor: default;
5660
display: flex;
5761
align-items: center;
62+
flex-direction: column;
5863
}
5964

6065
.pdf-button .icon {

planer.html

Lines changed: 90 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,21 @@
3737
<div><span class="label">Surface</span><br><span class="value">148</span></div>
3838
</div>
3939
<div class="price">1'910'000 CHF</div>
40+
4041
<div class="pdf-button">
41-
<button><span class="icon"></span> PDF</button>
42+
<a href="" target="_blank">
43+
<button>
44+
<span class="icon">
45+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
46+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
47+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
48+
</svg>
49+
</span>
50+
PDF
51+
</button>
52+
</a>
4253
</div>
54+
4355
</div>
4456
<div class="property-card">
4557
<div class="lot">Lot A01</div>
@@ -49,7 +61,17 @@
4961
</div>
5062
<div class="price">1'910'000 CHF</div>
5163
<div class="pdf-button">
52-
<button><span class="icon"></span> PDF</button>
64+
<a href="https://www.morges-radians.ch/wp-content/uploads/2025/04/A01.pdf" target="_blank">
65+
<button>
66+
<span class="icon">
67+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
68+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
69+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
70+
</svg>
71+
</span>
72+
PDF
73+
</button>
74+
</a>
5375
</div>
5476
</div>
5577

@@ -62,7 +84,17 @@
6284
</div>
6385
<div class="price">960'000 CHF</div>
6486
<div class="pdf-button">
65-
<button><span class="icon"></span> PDF</button>
87+
<a href="https://www.morges-radians.ch/wp-content/uploads/2025/04/B11.pdf" target="_blank">
88+
<button>
89+
<span class="icon">
90+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
91+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
92+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
93+
</svg>
94+
</span>
95+
PDF
96+
</button>
97+
</a>
6698
</div>
6799
</div>
68100
<div class="property-card">
@@ -73,7 +105,17 @@
73105
</div>
74106
<div class="price">960'000 CHF</div>
75107
<div class="pdf-button">
76-
<button><span class="icon"></span> PDF</button>
108+
<a href="https://www.morges-radians.ch/wp-content/uploads/2025/04/A11.pdf" target="_blank">
109+
<button>
110+
<span class="icon">
111+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
112+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
113+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
114+
</svg>
115+
</span>
116+
PDF
117+
</button>
118+
</a>
77119
</div>
78120
</div>
79121

@@ -86,7 +128,17 @@
86128
</div>
87129
<div class="price">1'230'000 CHF</div>
88130
<div class="pdf-button">
89-
<button><span class="icon"></span> PDF</button>
131+
<a href="" target="_blank">
132+
<button>
133+
<span class="icon">
134+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
135+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
136+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
137+
</svg>
138+
</span>
139+
PDF
140+
</button>
141+
</a>
90142
</div>
91143
</div>
92144
<div class="property-card">
@@ -97,7 +149,17 @@
97149
</div>
98150
<div class="price">1'230'000 CHF</div>
99151
<div class="pdf-button">
100-
<button><span class="icon"></span> PDF</button>
152+
<a href="" target="_blank">
153+
<button>
154+
<span class="icon">
155+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
156+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
157+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
158+
</svg>
159+
</span>
160+
PDF
161+
</button>
162+
</a>
101163
</div>
102164
</div>
103165

@@ -110,7 +172,17 @@
110172
</div>
111173
<div class="price">960'000 CHF</div>
112174
<div class="pdf-button">
113-
<button><span class="icon"></span> PDF</button>
175+
<a href="" target="_blank">
176+
<button>
177+
<span class="icon">
178+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
179+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
180+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
181+
</svg>
182+
</span>
183+
PDF
184+
</button>
185+
</a>
114186
</div>
115187
</div>
116188
<div class="property-card">
@@ -121,11 +193,19 @@
121193
</div>
122194
<div class="price">2'190'000 CHF</div>
123195
<div class="pdf-button">
124-
<button><span class="icon"></span> PDF</button>
196+
<a href="https://www.morges-radians.ch/wp-content/uploads/2025/04/A21.pdf" target="_blank">
197+
<button>
198+
<span class="icon">
199+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
200+
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
201+
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
202+
</svg>
203+
</span>
204+
PDF
205+
</button>
206+
</a>
125207
</div>
126208
</div>
127-
128-
129209
</div>
130210

131211
</div>

0 commit comments

Comments
 (0)