Subversion-Projekte lars-tiefland.marine-sales.de

Revision

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

Revision 2 Revision 7
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='/1-Aussenborder/';">
4 
        <img src="/images/einstieg/FaltradBerater.jpg" width="690" height="355" />
 4 
        <img src="/images/einstieg/Einstieg_Aussenborder.jpg" width="690" height="355" />
5 
        <div class="home_button uppercase"><h1>Faltrad<strong>berater</strong></h1></div>
 5 
        <div class="home_button uppercase"><h1>Aussen<strong>border</strong></h1></div>
Zeile 6... Zeile 6...
6 
        </div>
 6 
        </div>
7
7
8 
    <div class="colspan-6 rowspan-2" onclick="javascript:window.location.href='/1752-Brompton-Konfigurator/';">
 8 
    <div class="colspan-6 rowspan-2" onclick="javascript:window.location.href='/1822-Rettungswesten/';">
- 
 
 9 
        <img src="/images/einstieg/Einstieg_Rettungswesten.jpg" width="690" height="729" />
9 
        <img src="/images/einstieg/Brompton-Konfigurator.jpg" width="690" height="729" />
 10 
        <div class="home_button2">
10 
        <div class="home_button2">
 11 
            <div>
- 
 
 12 
                <p>Sicher unterwegs auf hoher See</p>
11 
            <p>Für die, die genau wissen, was sie wollen</p>
 13 
                <h1 class="uppercase">Sicherheits<strong class="uppercase">ausr&uuml;stung</strong></h1>
Zeile 12... Zeile 14...
12 
            <h1 class="uppercase">Brompton  <strong class="uppercase">Konfigurator</strong></h1>
 14 
            </div>
13 
        </div>
15 
        </div>
- 
 
 16
14
17
15
18 
    </div>
16 
    </div>
 19 
    <div class="colspan-6" onclick="javascript:window.location.href='/85-Schlauchboote/';">
Zeile 17... Zeile 20...
17 
    <div class="colspan-6" onclick="javascript:window.location.href='/?id=60';"><img src="/images/einstieg/Filiale.jpg" width="690" height="355" />
 20 
        <img src="/images/einstieg/Einstieg_Schlauchboote.jpg" width="690" height="355" />
18 
        <div class="home_button uppercase">
 21 
        <div class="home_button uppercase">
19 
            <h1>Faltradxxs <strong>Filiale</strong></h1>
 22 
            <h1>Schlauch<strong>boote</strong></h1>
20 
        </div>
23 
        </div>
21 
 
 24 
 
22 
    </div>
 25 
    </div>
23 
    <div class="colspan-8 flex" onclick="javascript:window.location.href='/?mode=sonderangebote&a=Sonderangebote'">
 26 
    <div class="colspan-8 flex" onclick="javascript:window.location.href='/?mode=sonderangebote&a=sonderangebote'">
Zeile 24... Zeile 27...
24 
        <div class="home_button3 w72">
 27 
        <div class="home_button3 uppercase w72">
25 
            <div>
 28 
            <div>
26 
                <p>Für Schnäppchenjäger</p>
 29 
                <p>Für Schnäppchenjäger</p>
27 
                <h1>Sonder<strong>Angebote</strong></h1>
 30 
                <h1>Sonder<strong>Angebote</strong></h1>
28 
            </div>
 31 
            </div>
29
32
30 
        </div>
33 
        </div>
Zeile 31... Zeile 34...
31 
        <div><img src="/images/einstieg/Sonderangebote.jpg" width="868" height="350" /></div>
 34 
        <div><img src="/images/einstieg/Einstieg_Sonderangebote.jpg" width="868" height="350" /></div>
Zeile -... Zeile 35...
- 
 
 35 
    </div>
32 
    </div>
 36 
    <div class="colspan-4" onclick="javascript:window.location.href='/blog/';"><img src="/images/einstieg/einstieg_blog.jpg" width="505" height="350" />
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" />
 37 
        <div class="home_button uppercase">
34 
        <div class="home_button uppercase">
 - 
 
35 
            <h1>B-Ware</h1>
 38 
            <h1>Blog</h1>
36 
        </div>
39 
        </div>
37
40
Zeile 38... Zeile 41...
38 
    </div>
 41 
    </div>
39
42
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 class="home_button2">
 43 
    {*
42 
            <p>Unsere Neuheiten</p>
 44 
    <div class="colspan-6"><img src="/images/einstieg/Neuheiten.jpg" width="690" height="450" />
43 
            <h1 class="uppercase"><strong>2023</strong></h1>
 45 
        <div class="home_button2">
Zeile 44... Zeile 46...
44 
        </div>
46 
            <h1 class="uppercase"><strong>2022</strong></h1>
45 
    </div>
 47 
        </div>
46
48 
    </div>
47 
    <div class="colspan-6" onclick="javascript:window.open('/blog/');"><img src="/images/einstieg/Blog.jpg" width="690" height="450" />
 49
48 
        <div class="home_button2">
 50 
    <div class="colspan-6"><img src="/images/einstieg/Blog.jpg" width="690" height="450" />
49 
            <p>Tipps, Trends und Neuheiten</p>
 51 
        <div class="home_button2">
50 
            <h1 class="uppercase">Unser <strong class="uppercase">Blog</strong></h1>
 52 
            <h1 class="uppercase">Unser <strong class="uppercase">Blog</strong></h1>
51 
        </div>
53 
        </div>
52 
    </div>
 54 
    </div>
53
55
54 
    <div class="colspan-3" onclick="javascript:window.open('https://www.facebook.com/FaltradXXS/');"><img src="/images/einstieg/Facebook.jpg" width="335" height="335" />
 - 
 
55 
        <div class="home_button_center uppercase">
 56 
    <div class="colspan-3"><img src="/images/einstieg/Facebook.jpg" width="335" height="335" />
56 
            <h1>Facebook</h1>
 - 
 
57 
        </div>
57 
        <div class="home_button_center uppercase">
58 
    </div>
 58 
            <h1>Facebook</h1>
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" />
 - 
 
60 
        <div class="home_button_center uppercase">
 59 
        </div>
61 
            <h1>Instagram</h1>
 60 
    </div>
62 
        </div>
61 
    <div class="colspan-3"><img src="/images/einstieg/Instagram.jpg" width="335" height="335" />
63 
    </div>
 62 
        <div class="home_button_center uppercase">
Zeile 64... Zeile 63...
64 
    <div class="colspan-6 flex" onclick="javascript:window.open('https://www.youtube.com/user/marinesalesde');">
 63 
            <h1>Instagram</h1>
65 
        <div class="home_button3 w72">
 64 
        </div>
66 
            <div>
 65 
    </div>
67 
                <p>Wir teilen unser Wissen mit dir</p>
 66 
    <div class="colspan-6 flex">
68 
                <h1>You<strong>Tube</strong></h1>
 67 
        <div class="home_button3 uppercase w72">
Zeile -... Zeile 68...
- 
 
 68 
            <h1>Sonder<strong>Angebote</strong></h1>
69 
            </div>
 69 
        </div>
70 
        </div>
70 
    <img src="/images/einstieg/Youtube.jpg" /></div>
71 
    <img src="/images/einstieg/Youtube.jpg" /></div>
 71 
    *}
72
72 
</div>
73 
</div>
 73 
 
Zeile 127... Zeile 127...
127 
        grid-row:span 2;
 127 
        grid-row:span 2;
128 
    }
 128 
    }
Zeile 129... Zeile 129...
129
129
130 
    /* fonts / buttons */
 130 
    /* fonts / buttons */
131 
    .home .home_button {
 131 
    .home .home_button {
132 
        background: #EA5802;
 132 
        background: #113e93;
133 
        border-radius: 10px;
 133 
        border-radius: 10px;
134 
        padding: 10px 20px;
 134 
        padding: 10px 20px;
135 
        margin-top: -120px;
 135 
        margin-top: -120px;
136 
        margin-left: 40%;
 136 
        margin-left: 40%;
Zeile 139... Zeile 139...
139 
        float:right;
 139 
        float:right;
140 
        margin-right:7%;
 140 
        margin-right:7%;
141 
        cursor:pointer;
 141 
        cursor:pointer;
142 
    }
 142 
    }
143 
    .home .home_button_center {
 143 
    .home .home_button_center {
144 
        background: #EA5802;
 144 
        background: #113e93;
145 
        border-radius: 10px;
 145 
        border-radius: 10px;
146 
        padding: 10px 20px;
 146 
        padding: 10px 20px;
147 
        position: relative;
 147 
        position: relative;
148 
        width: fit-content;
 148 
        width: fit-content;
149 
        cursor: pointer;
 149 
        cursor: pointer;
Zeile 153... Zeile 153...
153 
    .home div:focus .home_button_center,
 153 
    .home div:focus .home_button_center,
154 
    .home div:hover .home_button,
 154 
    .home div:hover .home_button,
155 
    .home div:focus .home_button
 155 
    .home div:focus .home_button
Zeile 156... Zeile 156...
156
156
157 
     {
 157 
     {
158 
        background:#FFB725;
 158 
        background:#009fe3;
159 
     }
 159 
     }
160 
    .home h1 {
 160 
    .home h1 {
161 
        font-size:1.3rem;
 161 
        font-size:1.3rem;
162 
        font-weight:normal;
 162 
        font-weight:normal;
Zeile 166... Zeile 166...
166 
    .home h1 strong {
 166 
    .home h1 strong {
167 
        font-weight:normal;
 167 
        font-weight:normal;
168 
        font-family:work_sanssemibold;
 168 
        font-family:work_sanssemibold;
169 
    }
 169 
    }
170 
    .home .home_button2 {
 170 
    .home .home_button2 {
171 
        background: #2FBABD;
 171 
        background: #ffbe4a;
172 
        color: #fff;
 172 
        color: #fff;
173 
        height:87px;
 173 
        height:131px;
174 
        display: flex;
 174 
        display: flex;
175 
        align-items: center;
 175 
        align-items: center;
176 
        justify-content: center;
 176 
        justify-content: center;
177 
        position: unset;
 177 
        position: unset;
178 
        flex-wrap: wrap;
 178 
        flex-wrap: wrap;
179 
        margin-top: -87px;
 179 
        margin-top: -131px;
180 
        position: relative;
 180 
        position: relative;
181 
        flex-direction: column;
 181 
        text-align:center;
182 
    }
 182 
    }
183 
 
 - 
 
184 
    .home .home_button3 {
 183 
    .home .home_button3 {
185 
        background: #2FBABD;
 184 
        background: #ffbe4a;
186 
        color: #fff;
 185 
        color: #fff;
187 
        display: flex;
 186 
        display: flex;
188 
        align-items: center;
 187 
        align-items: center;
189 
        justify-content: center;
 188 
        justify-content: center;
190 
        position: unset;
 189 
        position: unset;
191 
        flex-wrap: wrap;
 190 
        flex-wrap: wrap;
192 
        position: relative;
 191 
        position: relative;
193 
        z-index:1;
 192 
        z-index:1;
194 
        text-align:center;
 - 
 
- 
 
 193
195 
    }
 194 
    }
196 
 
 195
197 
    .home .home_button2 p,
 196 
    .home .home_button2 p,
198 
    .home .home_button3 p {
 197 
    .home .home_button3 p {
199 
        width: 100%;
 198 
        width: 100%;
200 
        height: auto;
 199 
        height: auto;
201 
        color: #fff !important;
 200 
        color: #fff !important;
202 
        text-align:center;
201 
        text-align:center;
203 
        font-size:1rem;
 202 
        font-size:1rem;
204 
        font-family:work_sanslight;
 203 
        font-family:work_sanslight;
205 
    }
 204 
    }
206 
 
 - 
 
207 
 
 205
208 
    .home div:hover .home_button2,
 206 
    .home div:hover .home_button2,
209 
    .home div:focus .home_button2,
 207 
    .home div:focus .home_button2,
210 
    .home div:hover .home_button3,
 208 
    .home div:hover .home_button3,
211 
    .home div:focus .home_button3 {
 209 
    .home div:focus .home_button3 {
212 
        background:#9CD9DA;
 210 
        background:#ecaa32;
213 
    }
 211 
    }
214 
    .home div:hover img,
 212 
    .home div:hover img,
215 
    .home div:focus img {
 213 
    .home div:focus img {
216 
        rotate:5deg;
214 
        rotate:5deg;
217 
        scale:1.2;
 215 
        scale:1.2;