Subversion-Projekte lars-tiefland.zeldi.de

Revision

Revision 2 | Ganze Datei anzeigen | Leerzeichen ignorieren | Details | Blame | Letzte Änderung | Log anzeigen | RSS feed

Revision 2 Revision 5
Zeile 1... Zeile 1...
1 
<div class="home">
 1 
<div class="home">
Zeile 2... Zeile 2...
2
2
3 
    <div class="colspan-6"  onclick="javascript:window.location.href='/produktfinder.html';">
 3 
    <div class="colspan-6" onclick="javascript:window.location.href='/produktfinder.html';">
4 
        <img src="/images/einstieg/FaltradBerater.jpg" width="690" height="355" />
 - 
 
5 
        <div class="home_button uppercase"><h1>Faltrad<strong>berater</strong></h1></div>
 - 
 
6 
        </div>
 - 
 
7
- 
 
8 
    <div class="colspan-6 rowspan-2" onclick="javascript:window.location.href='/1752-Brompton-Konfigurator/';">
 - 
 
9 
        <img src="/images/einstieg/Brompton-Konfigurator.jpg" width="690" height="729" />
 4 
        <img src="/images/einstieg/Einstieg_Zeltberater.jpg" width="690" height="355" />
- 
 
 5 
        <div class="home_button2">
10 
        <div class="home_button2">
 6 
            <div>
11 
            <p>Für die, die genau wissen, was sie wollen</p>
 7 
                <p>Dein passendes Zelt</p>
- 
 
 8 
                <h1>Zelt<strong>berater</strong></h1></div>
- 
 
 9 
            </div>
12 
            <h1 class="uppercase">Brompton  <strong class="uppercase">Konfigurator</strong></h1>
 10
Zeile 13... Zeile -...
13 
        </div>
- 
 
14
11 
        </div>
15
12
- 
 
 13
- 
 
 14 
    <div class="colspan-6" onclick="javascript:window.location.href='/?id=10'"><img src="/images/einstieg/Einstieg_Filiale.jpg" width="690" height="355" />
16 
    </div>
 15 
        <div class="home_button2">
- 
 
 16 
            <div>
- 
 
 17 
                <p>Lass dich von Spezialisten beraten</p>
17 
    <div class="colspan-6" onclick="javascript:window.location.href='/?id=60';"><img src="/images/einstieg/Filiale.jpg" width="690" height="355" />
 18 
                <h1>Zeldi <strong>Filiale</strong></h1>
Zeile 18... Zeile 19...
18 
        <div class="home_button uppercase">
 19 
            </div>
19 
            <h1>Faltradxxs <strong>Filiale</strong></h1>
 20
20 
        </div>
21 
        </div>
21 
 
 22 
 
22 
    </div>
 - 
 
23 
    <div class="colspan-8 flex" onclick="javascript:window.location.href='/?mode=sonderangebote&a=Sonderangebote'">
 23 
    </div>
24 
        <div class="home_button3 w72">
 24 
    <div class="colspan-8 flex" onclick="javascript:window.location.href='/4-Vorzelte/1409-Sondermodelle/';">
Zeile 25... Zeile 25...
25 
            <div>
 25 
        <div class="home_button3 w72">
26 
                <p>Für Schnäppchenjäger</p>
 26 
            <div>
27 
                <h1>Sonder<strong>Angebote</strong></h1>
 27 
                <h1>Luft<strong>zelte</strong></h1>
28 
            </div>
 28 
            </div>
29
29
30 
        </div>
30 
        </div>
31 
        <div><img src="/images/einstieg/Sonderangebote.jpg" width="868" height="350" /></div>
 31 
        <div><img src="/images/einstieg/Einstieg_Kampa-Luftzelte.jpg" width="868" height="350" /></div>
32 
    </div>
 - 
 
33 
    <div class="colspan-4" onclick="javascript:window.location.href='/faltrad-sonderangebote.html?t=B-Ware'"><img src="/images/einstieg/B-Ware.jpg" width="505" height="350" />
 32 
    </div>
Zeile 34... Zeile 33...
34 
        <div class="home_button uppercase">
 33 
    <div class="colspan-4" onclick="javascript:window.location.href='/?mode=sonderangebote&a=Sonderangebote';"><img src="/images/einstieg/Einstieg_Sonderangebote.jpg" width="505" height="350" />
35 
            <h1>B-Ware</h1>
 34 
        <div class="home_button uppercase">
- 
 
 35 
            <h1>Sonder<strong>Angebote</strong></h1>
36 
        </div>
36 
        </div>
37
37 
    </div>
- 
 
 38
38 
    </div>
 39 
    <div class="colspan-6" onclick="javascript:window.location.href='/95-Zubehoer/';"><img src="/images/einstieg/einstieg_wohnwagen.jpg" width="690" height="450" />
39
40 
        <div class="home_button2">
Zeile 40... Zeile 41...
40 
    <div class="colspan-6" onclick="javascript:window.location.href='/2110-Neuheiten-2023/';"><img src="/images/einstieg/Neuheiten.jpg" width="690" height="450" />
 41 
            <div>
41 
        <div class="home_button2">
 42 
                <p>Finde alles für deinen</p>
- 
 
 43 
                <h1 class="uppercase">Wohn<strong>wagen</strong></h1>
42 
            <p>Unsere Neuheiten</p>
 44 
            </div>
43 
            <h1 class="uppercase"><strong>2023</strong></h1>
 45 
        </div>
- 
 
 46 
    </div>
44 
        </div>
47
45 
    </div>
 48 
    <div class="colspan-6" onclick="javascript:window.location.href='/blog/';"><img src="/images/einstieg/einstieg_blog.jpg" width="690" height="450" />
Zeile -... Zeile 49...
- 
 
 49 
        <div class="home_button2">
46
50 
            <div>
47 
    <div class="colspan-6" onclick="javascript:window.open('/blog/');"><img src="/images/einstieg/Blog.jpg" width="690" height="450" />
 51 
                <p>Tipps, Trends und Neuheiten</p>
48 
        <div class="home_button2">
 52 
                <h1 class="uppercase">Unser <strong class="uppercase">Blog</strong></h1>
49 
            <p>Tipps, Trends und Neuheiten</p>
 53 
            </div>
50 
            <h1 class="uppercase">Unser <strong class="uppercase">Blog</strong></h1>
 54 
        </div>
51 
        </div>
55 
    </div>
52 
    </div>
 56
53
57 
    {*
54 
    <div class="colspan-3" onclick="javascript:window.open('https://www.facebook.com/FaltradXXS/');"><img src="/images/einstieg/Facebook.jpg" width="335" height="335" />
 58 
    <div class="colspan-3"><img src="/images/einstieg/Facebook.jpg" width="335" height="335" />
55 
        <div class="home_button_center uppercase">
 59 
        <div class="home_button_center uppercase">
56 
            <h1>Facebook</h1>
 - 
 
57 
        </div>
60 
            <h1>Facebook</h1>
58 
    </div>
 - 
 
59 
    <div class="colspan-3" onclick="javascript:window.open('https://www.instagram.com/faltradxxs.de/');"><img src="/images/einstieg/Instagram.jpg" width="335" height="335" />
 61 
        </div>
60 
        <div class="home_button_center uppercase">
 62 
    </div>
61 
            <h1>Instagram</h1>
 - 
 
62 
        </div>
63 
    <div class="colspan-3"><img src="/images/einstieg/Instagram.jpg" width="335" height="335" />
63 
    </div>
 64 
        <div class="home_button_center uppercase">
- 
 
 65 
            <h1>Instagram</h1>
Zeile 64... Zeile 66...
64 
    <div class="colspan-6 flex" onclick="javascript:window.open('https://www.youtube.com/user/marinesalesde');">
 66 
        </div>
Zeile 65... Zeile 67...
65 
        <div class="home_button3 w72">
 67 
    </div>
66 
            <div>
 68 
    <div class="colspan-6 flex">
Zeile 89... Zeile 91...
89 
        display:grid;
 91 
        display:grid;
90 
        gap:19px;
 92 
        gap:19px;
91 
        grid-template-columns: repeat(12,1fr);
 93 
        grid-template-columns: repeat(12,1fr);
92 
        overflow:hidden;
94 
        overflow:hidden;
93 
    }
 95 
    }
- 
 
 96 
    .home h1,
- 
 
 97 
    .home h2 {
- 
 
 98 
        text-transform:uppercase;
- 
 
 99 
    }
- 
 
 100 
    .home h1 strong {
- 
 
 101 
        font-weight:normal;
- 
 
 102 
        font-family:work_sanssemibold;
- 
 
 103 
    }
94 
    .home > div {
 104 
    .home > div {
95 
        cursor:pointer;
 105 
        cursor:pointer;
96 
    }
 106 
    }
97 
    .home img {
 107 
    .home img {
98 
        transition:all 1000ms ease-in-out;
 108 
        transition:all 1000ms ease-in-out;
Zeile 127... Zeile 137...
127 
        grid-row:span 2;
 137 
        grid-row:span 2;
128 
    }
 138 
    }
Zeile 129... Zeile 139...
129
139
130 
    /* fonts / buttons */
 140 
    /* fonts / buttons */
131 
    .home .home_button {
 141 
    .home .home_button {
132 
        background: #EA5802;
 142 
        background: #c57784;
133 
        border-radius: 10px;
 143 
        border-radius: 10px;
134 
        padding: 10px 20px;
 144 
        padding: 10px 20px;
135 
        margin-top: -120px;
 145 
        margin-top: -120px;
136 
        margin-left: 40%;
 146 
        margin-left: 40%;
Zeile 139... Zeile 149...
139 
        float:right;
 149 
        float:right;
140 
        margin-right:7%;
 150 
        margin-right:7%;
141 
        cursor:pointer;
 151 
        cursor:pointer;
142 
    }
 152 
    }
143 
    .home .home_button_center {
 153 
    .home .home_button_center {
144 
        background: #EA5802;
 154 
        background: #145619;
145 
        border-radius: 10px;
 155 
        border-radius: 10px;
146 
        padding: 10px 20px;
 156 
        padding: 10px 20px;
147 
        position: relative;
 157 
        position: relative;
148 
        width: fit-content;
 158 
        width: fit-content;
149 
        cursor: pointer;
 159 
        cursor: pointer;
Zeile 153... Zeile 163...
153 
    .home div:focus .home_button_center,
 163 
    .home div:focus .home_button_center,
154 
    .home div:hover .home_button,
 164 
    .home div:hover .home_button,
155 
    .home div:focus .home_button
 165 
    .home div:focus .home_button
Zeile 156... Zeile 166...
156
166
157 
     {
 167 
     {
158 
        background:#FFB725;
 168 
        background:#aa4d6a;
159 
     }
 169 
     }
160 
    .home h1 {
 170 
    .home h1 {
161 
        font-size:1.3rem;
 171 
        font-size:1.3rem;
162 
        font-weight:normal;
 172 
        font-weight:normal;
Zeile 166... Zeile 176...
166 
    .home h1 strong {
 176 
    .home h1 strong {
167 
        font-weight:normal;
 177 
        font-weight:normal;
168 
        font-family:work_sanssemibold;
 178 
        font-family:work_sanssemibold;
169 
    }
 179 
    }
170 
    .home .home_button2 {
 180 
    .home .home_button2 {
171 
        background: #2FBABD;
 181 
        background: #145619;
172 
        color: #fff;
 182 
        color: #fff;
173 
        height:87px;
 183 
        height:87px;
174 
        display: flex;
 184 
        display: flex;
175 
        align-items: center;
 185 
        align-items: center;
176 
        justify-content: center;
 186 
        justify-content: center;
177 
        position: unset;
 187 
        position: unset;
178 
        flex-wrap: wrap;
 188 
        flex-wrap: wrap;
179 
        margin-top: -87px;
 189 
        margin-top: -87px;
180 
        position: relative;
 190 
        position: relative;
181 
        flex-direction: column;
 191 
        text-align:center;
182 
    }
 192 
    }
183 
 
 - 
 
184 
    .home .home_button3 {
 193 
    .home .home_button3 {
185 
        background: #2FBABD;
 194 
        background: #145619;
186 
        color: #fff;
 195 
        color: #fff;
187 
        display: flex;
 196 
        display: flex;
188 
        align-items: center;
 197 
        align-items: center;
189 
        justify-content: center;
 198 
        justify-content: center;
190 
        position: unset;
 199 
        position: unset;
191 
        flex-wrap: wrap;
 200 
        flex-wrap: wrap;
192 
        position: relative;
 201 
        position: relative;
193 
        z-index:1;
 202 
        z-index:1;
194 
        text-align:center;
 203 
        text-align:center;
195 
    }
 204 
    }
196 
 
 205
197 
    .home .home_button2 p,
 206 
    .home .home_button2 p,
198 
    .home .home_button3 p {
 207 
    .home .home_button3 p {
199 
        width: 100%;
 208 
        width: 100%;
200 
        height: auto;
 209 
        height: auto;
201 
        color: #fff !important;
 210 
        color: #fff !important;
202 
        text-align:center;
211 
        text-align:center;
203 
        font-size:1rem;
 212 
        font-size:1rem;
204 
        font-family:work_sanslight;
 213 
        font-family:work_sanslight;
205 
    }
 214 
    }
206 
 
 - 
 
207 
 
 215
208 
    .home div:hover .home_button2,
 216 
    .home div:hover .home_button2,
209 
    .home div:focus .home_button2,
 217 
    .home div:focus .home_button2,
210 
    .home div:hover .home_button3,
 218 
    .home div:hover .home_button3,
211 
    .home div:focus .home_button3 {
 219 
    .home div:focus .home_button3 {
212 
        background:#9CD9DA;
 220 
        background:#779a58;
213 
    }
 221 
    }
214 
    .home div:hover img,
 222 
    .home div:hover img,
215 
    .home div:focus img {
 223 
    .home div:focus img {
216 
        rotate:5deg;
224 
        rotate:5deg;
217 
        scale:1.2;
 225 
        scale:1.2;