Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
3.6 kB
0
Indexable
Never

<style>
    .column .editorContent .lg {
        width: 100%;
    }

    .wrapper-opisy,
    .wrapper-opisy * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: Futura, sans-serif;
        max-width: 1120px;
    }

    .clearfix::after,
    .clearfix::before {
        content: "";
        display: block;
        clear: both;
    }

    [class*='col-'] {
        float: left;
    }

    .col-1-6 {
        width: 16.67%;
    }

    .col-5-6 {
        width: 83.33%;
    }

    .wrapper-opisy section {
        padding: 30px 0;
    }

    .wrapper-opisy img {
        display: block;
        margin: 0 auto;
        border-radius: 15px;
        max-height: 75vh;
        max-width: 100%;
    }

    .wrapper-opisy img.icon {
        padding: 0 6px;
    }

    .wrapper-opisy h3 {
        font-size: 32px;
        font-weight: 500;
        line-height: 1.4;
        padding: 0 10px;
    }

    .wrapper-opisy p {
        font-size: 20px;
        line-height: 1.3;
        padding: 30px 10px;
        text-align: justify;
    }

    .hero-header-iterra {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 20px;
        color: #fff;
        background-color: #333;
        padding: 20px;
    }

    @media only screen and (max-width: 756px) {
        [class*='col-'] {
            float: none;
            width: 100%;
        }

        .hero-header-iterra {
            font-size: 28px;
            margin-bottom: 15px;
        }

        .wrapper-opisy img.icon {
            margin-top: 20px;
            width: 80px;
        }

        .wrapper-opisy section {
            padding: 10px 0;
        }

        .wrapper-opisy h3,
        .wrapper-opisy p {
            padding: 10px 5px;
        }

        .wrapper-opisy h3 {
            font-size: 26px;
            text-align: center;
            line-height: 1.2;
        }

        .wrapper-opisy p {
            font-size: 15px;
        }
    }
</style>
<h2 class="hero-header-iterra">APPLE 41mm Starlight Sport Band Reg</h2>
<div class="wrapper-opisy"> 

				        <!-- Początek sekcji -->
        <section class="clearfix"><div class="col-1-6">
                <!-- Poniżej w atrybut src= wklej w cudzysłowie ścieżkę do pliku z grafiką w workflow ikona --> <img class="icon" src="http://static.workflow.iterra.enp.pl//desc/19/1904125/like.png" alt="ikona">
</div>
            <div class="col-5-6">
                <!-- Poniżej w znacznik h3 wklej tytuł sekcji -->
                <h3> Pasek sportowy w kolorze księżycowej poświaty do koperty 41 mm – rozmiar standardowy </h3> 
                <!-- Poniżej z znacznik p wklej treść opisu -->
                <p>  Wykonany z fluoroelastomeru o znakomitych właściwościach użytkowych pasek sportowy jest mocny i wytrzymały, a jednocześnie zaskakująco miękki. Gładki, zwarty materiał jest przyjemny w dotyku i elegancko oplata nadgarstek. A innowacyjne zapięcie z napą i szlufką zapewnia idealne dopasowanie. </p>
                <p style="font-size: 14px;"></p>
                <!-- Poniżej w atrybut src= wklej w cudzysłowie ścieżkę do pliku z grafiką w workflow zdjęcie produktu-->
                <!-- W atrybut alt wpisz typ produktu + producent + model + cecha szczególna widoczna na konkretnym zdjęciu -->
                <img class="object-fit_c" src="http://static.workflow.iterra.enp.pl//desc/19/1904125/mkuu3.jpg" alt="APPLE 41mm Starlight Sport Band Reg widok na przód paska">
</div>
        </section><!-- Koniec sekcji -->
</div>