Untitled

avatar
unknown
plain_text
2 years ago
14 kB
9
Indexable
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap" rel="stylesheet">
    <title>MyBestPharm - ebook</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
        rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Raleway', Arial, Helvetica, sans-serif;

        }

        .wrapper {
            display: block;
            position: relative;
            max-width: 1920px;
            width: 100%;
            background-image: url(https://mybestpharm.com/img/alergie-tlodesktop.jpg);
            background-size: cover;
            background-position: top;
            margin: 0 auto;
            overflow: hidden;
            min-height: 100vh;
        }

		.szerokosc {
			display: flex;
			margin: 0 auto;
			height: 540px;
		}
		
		.logo {
			margin-top: 70px !important;
			display: block;
			max-width: 1300px;
			margin: 0 auto;
		}
				
		.container {
			/* position: absolute; */
			/* right: 100px; */
			/* width: 100%; */
			max-width: 1300px;
			/* display: block; */
			justify-content: center;
			align-items: center;
			margin: 0 auto;
		}

		.listContainer {
			flex-basis: 60%;
			margin-bottom: 0px;
			margin-right: 0px;
			background: #a04c40de;
			padding-left: 5%;
			padding-top: 5%;
		}

        .listContainer img {
            margin-top: 5em;
            max-width: 220px;
        }

        .list {
            width: 100%;
            font-size: 25px;
            list-style: none;
            max-width: 600px;
            color: #f1eaec;
        }

        .list li {
            padding: 10px 0;
            font-weight: 100;
            font-size: 17px;
            margin-left: 25px;
            color: #f1eaec;
            list-style-type: disc;
        }

        .btnContainer {
            display: flex;
            justify-content: center;
        }

		.form {
			justify-content: center;
			align-items: center;
			flex-basis: 40%;
			margin-right: 0em;
			margin: 0 auto;
		}

        iframe {
            border: 0;
            background: transparent;
            max-width: 444px;
            width: 100%;
            height: 616px;
            overflow: hidden;
            min-width: 280px;
            margin-bottom: 15px;
            z-index: 2;
        }

        .bootom-text-container,
        .social-container {
            width: 100%;
            position: absolute;
            left: 0;
        }

        .bootom-text-container {
            height: 80px;
            background: #ecd4bc;
            bottom: 0;
        }


        .social-container {
            display: flex;
            justify-content: flex-end;
            padding-right: 5em;
            align-items: center;
            height: 40px;
            background: #000;
            top: 0;
        }


        .social-container-facebook,
        .social-container-instagram {
            z-index: 10;
        }

        .social-container-instagram {
            margin-right: 2em;
        }

        .listTitle {
            line-height: 1.3;
            padding-top: .5em;
            color: white;
            font-size: 30px;
        }

        .listTitle-about,
        .listTitle-about-bottom {
            margin-top: 1em;
            font-size: 19px;
            font-weight: 100;
            color: #f1eaec;
        }

        .listTitle-about-bottom {
            line-height: 1.5;
        }

        .listTitle-about-bold {
            font-weight: bold;
            line-height: 1.3;
        }

        .bootom-text-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .bootom-text-container-about {
            align-items: center;
            justify-content: center;
            font-size: 12px;
            padding-right: 5em;
            padding-left: 5em;
            width: 90%;
        }

        .mobile-container-pictures-first,
        .mobile-container-text,
        .mobile-break {
            display: none;
        }

        .text-bold {
            font-weight: bold;
        }


        @media screen and (max-width: 1780px) {

            .container {
                /* top: 56px; */
                right: 60px;
                /* height: 690px; */

            }

            .listContainer {
                margin-bottom: 125px;
            }

            .listContainer img {
                margin-bottom: 0px;
            }

            .list {
                font-size: 20px;
            }

            .listTitle-about {
                /* font-size: 15px; */
            }

            iframe {
                margin-top: 0em;
            }

            .listTitle {
                font-size: 25px;
            }

            .listContainer img {
                margin-top: 4em;
            }

            .listTitle-about-bottom {
                font-size: 17px;
            }
        }

        @media screen and (max-width: 1596px) {

            .bootom-text-container {
                height: 100px;
            }
        }


        @media screen and (max-width: 1500px) {
            .wrapper {
                background-color: #ecf1f5;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
			
			.szerokosc {
				display: flex;
				margin: 0 auto;
				height: 600px;
			}

            .greenTitle {
                font-size: 50px;
            }

            .list {
                border-radius: 50px;
            }

            .container {
                height: 640px;
                position: static;
                height: 100%;
                margin-top: 50px;
            }

            .listContainer {
                align-items: center;
                justify-content: center;
            }

            .listContainer img {
                width: 60%;
            }
        }

        @media screen and (max-width: 1250px) {

            .bonusText {
                font-size: 32px;
            }
        }

        @media screen and (max-width: 1050px) {
            .container {
                margin-top: 50px;
            }
        }

        @media screen and (max-width: 850px) {
            .wrapper {
                padding: 0px;
                background-image: url('/img/tlo-mobile.jpg');
                background-size: cover;
                background-position: top;
            }

            .social-container {
                min-height: 82px;
                justify-content: flex-start;
                padding-right: 0;
                padding-left: 2.5em;
            }

            .container {
                flex-direction: column;
                margin-top: 25px;
                align-items: unset;
            }

            .form {
                width: 100%;
                max-width: 400px;
                margin: 0 auto;
            }

            iframe {
                margin-top: 8em;
                margin-bottom: 10em;
            }

            .list {
                background-color: transparent;
                border-radius: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: white;
                margin: 0;
            }

            .li-element {
                margin-top: .2em;
                background-color: #000;
                padding: 0em;
            }

            .list li {
                list-style-type: none;
                font-size: 30px;
                margin-left: 0px;
                color: white;
                font-weight: 300;
                padding: 1.5em;
                width: 100vw;
            }


            .listTitle {
                display: none;
            }

            .listTitle-about {
                color: white;
                font-size: 39px;
                font-weight: 300;
                margin-top: 0;
                padding: 0em 2.1em 0;

            }

            .about-second {
                padding-bottom: 1em;
            }

            .listTitle-about-bottom {
                font-size: 30px;
                padding: .5em 5em 0;
            }

            .mobile-break {
                display: inline-block;
            }

            .listContainer {
                text-align: center;
                margin-right: 0;
                padding-top: 2em;
                margin: 0;
            }

            .listContainer img {
                position: absolute;
                right: 25px;
                top: 15px;
                max-width: 140px;
                margin: 0 auto;
            }

            .mobile-container-pictures {
                display: flex;
                justify-content: center;
                flex-direction: column;
            }

            .mobile-container-pictures-first {
                background-position-y: 0px;
                background-size: cover;
                display: block;
                max-width: 100%;
                padding-top: 5em;

            }

            .bootom-text-container-about {
                font-size: 9px;
            }

        }

        @media screen and (max-width: 645px) {
            .wrapper {
                background-color: #EDF2F6;
            }

            .container {
                margin-top: 30px;
            }

            .form {
                width: 100%;
                max-width: 400px;
                margin: 0 auto;
            }

            .listTitle-about-bottom {
                font-size: 30px;
                padding: 0.5em 2em 0;

            }
        }

        @media screen and (max-width: 500px) {

            .listTitle-about,
            .listTitle-about-bottom {
                font-size: 25px;
            }

            .list li {
                font-size: 20px;
            }

            .bootom-text-container-about {
                font-size: 7px;
            }
        }

        @media screen and (max-width: 320px) {

            .listTitle-about,
            .listTitle-about-bottom {
                font-size: 20px;
            }

            .list li {
                font-size: 15px;
            }
        }
    </style>
</head>

<body>
<div class="wrapper">
<div class="social-container">
<div class="social-container-instagram"><a href="https://www.instagram.com/mybestpharm/" target="_blank"> <img src="https://s-img.s3-eu-west-1.amazonaws.com/uemuhbwynp6fsmzi.png" alt="" /> </a></div>
<div class="social-container-facebook"><a href="https://www.facebook.com/profile.php?id=100067122287377" target="_blank"> <img src="https://s-img.s3-eu-west-1.amazonaws.com/d7fojt56x3tzot44.png" alt="" /> </a></div>
</div>
<div class="mobile-container-pictures">
<div><img class="mobile-container-pictures-first" src="https://s-img.s3-eu-west-1.amazonaws.com/0sjazr4nsfg79zbw.png" alt="" /></div>
</div>
<a target="_parent" href="https://mybestpharm.com/" class="logo"><img src="https://s-img.s3-eu-west-1.amazonaws.com/ifpz34h7agelagj8.png" alt="" /></a>
<div class="container">
<div class="szerokosc">
<div class="listContainer">
<p class="listTitle">Zapisz się do newslettera <span class="text-bold"> i odbierz<br /> darmowy e-book "Nie daj się alergii"</span></p>
<p class="listTitle-about about-second">Z e-booka dowiesz się wszystkiego, co należy wiedzieć o alergiach:</p>
<ul class="list">
<li class="li-element">co może wpływać na powstawanie alergii</li>
<li class="li-element">jak wykryć i zdiagnozować alerge</li>
<li class="li-element">jak radzić sobie z alergiami u dzieci</li>
</ul>
<p class="listTitle-about-bottom">A dodatkowo dowiesz się jakie mogą być nietypowe objawy alergii, poznasz przydatne ciekawostki, wskazówki i o wiele więcej. <br /> <br class="mobile-break" /> <span class="listTitle-about-bold"><br />Zapisz się do newslettera i czekaj na maila z e-bookiem.</span></p>
</div>
<div class="form"><iframe width="320" height="240" src="https://www.salesmanago.pl/ms/dyszoh2vuq6h6g12/default/LP_form.htm" allowtransparency="true"></iframe></div>
</div>
</div>
<div class="bootom-text-container">
<p class="bootom-text-container-about">Zapisując się/Pobierając e-booka, wyrażam zgodę na otrzymywanie informacji handlowych od MyBestPharm S.A. z siedzibą w ul. POWSTAŃC&Oacute;W 70, 47-220 KĘDZIERZYN-KOŹLE. Mogę cofnąć zgodę w każdym czasie. Dane będą przetwarzane do czasu cofnięcia zgody. Administrator przetwarza dane zgodnie z Polityką Prywatności. Mam prawo dostępu do danych, sprostowania, usunięcia lub ograniczenia przetwarzania, prawo sprzeciwu, prawo wniesienia skargi do organu nadzorczego lub przeniesienia danych.</p>
</div>
</div>
</body>

</html>
Editor is loading...