Sheva77
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821
							<!-- Andrey Shevchenko. FEA-23. Home work 7 -->

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link
            href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
            rel="stylesheet"
        />
        <link rel="stylesheet" href="./css/reset.css" />
        <link rel="stylesheet" href="./css/normalize.css" />
        <link rel="stylesheet" href="./css/style.css" />
        <title>Factor lesson 7</title>
    </head>

    <body>
        <header class="headerclass">
            <img
                class="imagelogoclass"
                src="./images/Fill 4.svg"
                alt="Logo Factor"
            />
            <nav class="navclass">
                <a href="#">Services</a>
                <a href="#">Portfolio</a>
                <a href="#">About</a>
                <a href="#">Contact</a> |
                <a href="#">Discus Your Idea</a>
                <!-- If you want to add/dell some items - you should to enlarge/reduce "max-width" and "min-width" in .navclass -->
            </nav>
            <div class="emeilmenu">
                <a href="mailto:hello@digitfactor.com" class="heademail"
                    >hello@digitfactor.com</a
                >
                <div class="headmenu">
                    <a href="#" class="topmenumenu">Menu</a>
                    <div class="burgerlines"></div>
                </div>
            </div>
        </header>

        <!-- ----------------------------MAIN -------------------------------->
        <div class="all_window">
            <video autoplay loop muted class="video">
                <source src="./video/GettyImages.mp4" type="video/mp4" />
                <!-- MP4 для Safari, IE9, iPhone, iPad, Android, и Windows Phone 7 -->
                <source src="./video/GettyImages.webm" type="video/webm" />
                <!-- WebM/VP8 для Firefox4, Opera, и Chrome -->
                <source src="#" type="video/ogg" />
                <!-- Ogg/Vorbis для старых версий браузеров Firefox и Opera -->
            </video>

            <div class="center_blok">
                <div class="welcome">
                    <svg
                        class="welcome__svg"
                        width="20"
                        height="16"
                        viewBox="0 0 20 16"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                    >
                        <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
                            fill="#FFCA00"
                        />
                    </svg>

                    <span class="welcome__text">Welcome to Digit Factor</span>
                </div>
                <div class="center_blok__title">
                    Creative Web Production from Ukraine
                </div>
                <div class="center_blok__discuss">
                    <span class="center_blok__discuss__text"
                        >Discus Your Idea</span
                    >
                    <span class="center_blok__discuss__dot"></span>
                </div>
            </div>
        </div>

        <!-- ------------------------------BOTTOM--------------------------- -->

        <div class="low_left_scroll">
            <svg
                class="low_left_scroll__arrow"
                width="8"
                height="48"
                viewBox="0 0 8 48"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
            >
                <path
                    d="M7.87969 44.2206C8.0401 44.063 8.0401 43.8006 7.87969 43.6375C7.72469 43.4798 7.46671 43.4798 7.31208 43.6375L4.40466 46.5945L4.40466 0.408252C4.4043 0.180792 4.22654 0 4.00289 0C3.77924 0 3.5957 0.180792 3.5957 0.408252L3.5957 46.5945L0.693704 43.6375C0.533285 43.4798 0.274952 43.4798 0.120314 43.6375C-0.0401049 43.8006 -0.0401049 44.0634 0.120314 44.2206L3.71601 47.8776C3.87101 48.0408 4.12899 48.0408 4.28362 47.8776L7.87969 44.2206Z"
                    fill="#7E7E7E"
                />
            </svg>
            Scroll down
        </div>

        <div class="chatbutton">
            <svg
                width="34"
                height="26"
                viewBox="0 0 34 26"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
            >
                <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M29.3377 4.80738V11.9809C29.3377 14.636 27.1488 16.7883 24.4485 16.7883H12.015L6.38496 22.2345C6.18437 22.4285 5.91812 22.5314 5.64736 22.5314C5.51045 22.5314 5.37255 22.5052 5.24122 22.451C4.85052 22.29 4.5962 21.914 4.5962 21.4975V16.7789C2.03254 16.6299 0 14.5393 0 11.9809V4.80738C0 2.15234 2.18894 0 4.88912 0H24.4486C27.1487 0 29.3377 2.15234 29.3377 4.80738ZM31.4399 12.7387V12.3689C32.8857 12.5627 34.0001 13.7809 34 15.2555V19.6041C34 21.155 32.7679 22.4224 31.2137 22.5127V25.3732C31.2137 25.6257 31.0596 25.8536 30.8227 25.9513C30.7431 25.9839 30.6595 26 30.5764 26C30.4124 26 30.251 25.9375 30.1293 25.8199L26.7164 22.5184H19.1792C17.5424 22.5184 16.2154 21.2137 16.2154 19.6041V18.8428H25.2321C28.6551 18.8428 31.4399 16.1045 31.4399 12.7387Z"
                    fill="#202020"
                />
            </svg>
        </div>

        <!-- --------------------- White part ----------------------- -->

        <div class="whitepart">
            <div class="topik">
                <svg
                    width="20"
                    height="16"
                    viewBox="0 0 20 16"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fill-rule="evenodd"
                        clip-rule="evenodd"
                        d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
                        fill="#FFCA00"
                    />
                </svg>
                <span class="topikname">Services</span>
            </div>

            <div class="services">
                <div class="servicess_item">
                    <img
                        class="servicess_item__img"
                        src="./images/Engineering_Service.png"
                        alt="Engineering_Service"
                    />
                    <div class="servicess_item__info">
                        <div class="servicess_item__info__name">
                            Engineering Service
                        </div>
                        <div class="servicess_item__info__content">
                            Software Development / Software Testing / Solutions
                            Architecture / Business Analysis / Operations
                            Support
                        </div>
                        <div class="movearrow">
                            <a href="#" class="lern_more">
                                <div class="servicess_item__info__more">
                                    <span class="lernmore">Learn More</span>
                                    <svg
                                        width="28"
                                        height="8"
                                        viewBox="0 0 28 8"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                    >
                                        <path
                                            fill-rule="evenodd"
                                            clip-rule="evenodd"
                                            d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                            fill="#202020"
                                        />
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- servicess_item -->

                <div class="servicess_item">
                    <img
                        class="servicess_item__img"
                        src="./images/Internet_of_Things.png"
                        alt="Engineering_Service"
                    />
                    <div class="servicess_item__info">
                        <div class="servicess_item__info__name">
                            Internet of Things
                        </div>
                        <div class="servicess_item__info__content">
                            Intelligent Mobility / Predictive Maintenance /
                            Smart Manufacturing
                        </div>
                        <div class="movearrow">
                            <a href="#" class="lern_more">
                                <div class="servicess_item__info__more">
                                    <span class="lernmore">Learn More</span>
                                    <svg
                                        width="28"
                                        height="8"
                                        viewBox="0 0 28 8"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                    >
                                        <path
                                            fill-rule="evenodd"
                                            clip-rule="evenodd"
                                            d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                            fill="#202020"
                                        />
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- servicess_item -->

                <div class="servicess_item">
                    <img
                        class="servicess_item__img"
                        src="./images/Extended_Reality_XR.png"
                        alt="Engineering_Service"
                    />
                    <div class="servicess_item__info">
                        <div class="servicess_item__info__name">
                            Extended Reality XR
                        </div>
                        <div class="servicess_item__info__content">
                            VR / MR / AR
                        </div>
                        <div class="movearrow">
                            <a href="#" class="lern_more">
                                <div class="servicess_item__info__more">
                                    <span class="lernmore">Learn More</span>
                                    <svg
                                        width="28"
                                        height="8"
                                        viewBox="0 0 28 8"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                    >
                                        <path
                                            fill-rule="evenodd"
                                            clip-rule="evenodd"
                                            d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                            fill="#202020"
                                        />
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- servicess_item -->

                <div class="servicess_item">
                    <img
                        class="servicess_item__img"
                        src="./images/AL_ML.png"
                        alt="Engineering_Service"
                    />
                    <div class="servicess_item__info">
                        <div class="servicess_item__info__name">AL & ML</div>
                        <div class="servicess_item__info__content">
                            Artificial Intelligence / Intelligent Automation /
                            Advanced Analytics
                        </div>
                        <div class="movearrow">
                            <a href="#" class="lern_more">
                                <div class="servicess_item__info__more">
                                    <span class="lernmore">Learn More</span>
                                    <svg
                                        width="28"
                                        height="8"
                                        viewBox="0 0 28 8"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                    >
                                        <path
                                            fill-rule="evenodd"
                                            clip-rule="evenodd"
                                            d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                            fill="#202020"
                                        />
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- servicess_item -->

                <div class="servicess_item">
                    <img
                        class="servicess_item__img"
                        src="./images/Big_Data.png"
                        alt="Engineering_Service"
                    />
                    <div class="servicess_item__info">
                        <div class="servicess_item__info__name">
                            Big data & Analytics
                        </div>
                        <div class="servicess_item__info__content">
                            BI & Augmented Analytics / Enterprise Data Platforms
                            / Data Strategy and Governance
                        </div>
                        <div class="movearrow">
                            <a href="#" class="lern_more">
                                <div class="servicess_item__info__more">
                                    <span class="lernmore">Learn More</span>
                                    <svg
                                        width="28"
                                        height="8"
                                        viewBox="0 0 28 8"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                    >
                                        <path
                                            fill-rule="evenodd"
                                            clip-rule="evenodd"
                                            d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                            fill="#202020"
                                        />
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- servicess_item -->

                <div class="servicess_item">
                    <img
                        class="servicess_item__img"
                        src="./images/Blockchain.png"
                        alt="Engineering_Service"
                    />
                    <div class="servicess_item__info">
                        <div class="servicess_item__info__name">Blockchain</div>
                        <div class="servicess_item__info__content">
                            Создаем прибыльные интернет-магазины, маркетплейсы и
                            агрегаторы
                        </div>
                        <div class="movearrow">
                            <a href="#" class="lern_more">
                                <div class="servicess_item__info__more">
                                    <span class="lernmore">Learn More</span>
                                    <svg
                                        width="28"
                                        height="8"
                                        viewBox="0 0 28 8"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                    >
                                        <path
                                            fill-rule="evenodd"
                                            clip-rule="evenodd"
                                            d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                            fill="#202020"
                                        />
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- servicess_item -->

                <div class="servicess_item">
                    <img
                        class="servicess_item__img"
                        src="./images/Game_Art.png"
                        alt="Engineering_Service"
                    />
                    <div class="servicess_item__info">
                        <div class="servicess_item__info__name">
                            Game Art Production
                        </div>
                        <div class="servicess_item__info__content">
                            Concept art, UI, illustration / 3D models and
                            environments / VXT and animations
                        </div>
                        <div class="movearrow">
                            <a href="#" class="lern_more">
                                <div class="servicess_item__info__more">
                                    <span class="lernmore">Learn More</span>
                                    <svg
                                        width="28"
                                        height="8"
                                        viewBox="0 0 28 8"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                    >
                                        <path
                                            fill-rule="evenodd"
                                            clip-rule="evenodd"
                                            d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                            fill="#202020"
                                        />
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- servicess_item -->
            </div>
            <!-- services -->

            <!-- ==================== PORTFOLIO ====================== -->
            <div class="about_topik">
                <div class="topik">
                    <svg
                        width="20"
                        height="16"
                        viewBox="0 0 20 16"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                    >
                        <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
                            fill="#FFCA00"
                        />
                    </svg>
                    <div class="topikname">Portfolio</div>
                </div>
                <div class="about_topik__text">
                    Здесь будет какой-то текст который расскажет о услугах Lorem
                    ipsum dolor sit amet consectetur adipisicing elit. Qui
                    suscipit at architecto nihil, obcaecati aperiam veniam
                    repellat voluptatem impedit voluptates recusandae non
                    deserunt officiis esse quia voluptate optio harum. Nesciunt,
                    non enim quisquam sit sed ipsa magnam distinctio nisi
                    deserunt sint expedita dolorum aspernatur
                </div>
            </div>

            <div class="portfolio_list">
                <div class="portfolio_item">
                    <div class="portfolio_blok">
                        <img src="./images/Portfolio_1.jpg" alt="" />
                        <div class="portfolio_slidebox">
                            <div class="slidebox_transparent">
                                <div class="transparent_landing">
                                    Landing Page
                                </div>
                                <div class="transparent_projectname">
                                    Project Name
                                </div>
                            </div>
                            <div class="slidebox_gray">
                                <div class="slidebox_gray_inner">
                                    <div class="gray_text">
                                        Создаем прибыльные интернет-магазины,
                                        маркетплейсы Lorem ipsum dolor sit amet
                                        consectetur adipisicing elit. Dolores
                                        blanditiis debitis laborum iste,
                                        asperiores illum cumque perspiciatis sed
                                        magni itaque provident molestiae culpa
                                        quibusdam nulla maxime sunt repellen
                                    </div>
                                    <div class="gray_arrow">
                                        <svg
                                            width="28"
                                            height="8"
                                            viewBox="0 0 28 8"
                                            fill="none"
                                            xmlns="http://www.w3.org/2000/svg"
                                        >
                                            <path
                                                fill-rule="evenodd"
                                                clip-rule="evenodd"
                                                d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                                fill="#202020"
                                            />
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- portfolio_item -->

                <div class="portfolio_item">
                    <div class="portfolio_blok">
                        <img src="./images/Portfolio_2.jpg" alt="" />
                        <div class="portfolio_slidebox">
                            <div class="slidebox_transparent">
                                <div class="transparent_landing">
                                    Landing Page
                                </div>
                                <div class="transparent_projectname">
                                    Project Name
                                </div>
                            </div>
                            <div class="slidebox_gray">
                                <div class="slidebox_gray_inner">
                                    <div class="gray_text">
                                        Создаем прибыльные интернет-магазины,
                                        маркетплейсы
                                    </div>
                                    <div class="gray_arrow">
                                        <svg
                                            width="28"
                                            height="8"
                                            viewBox="0 0 28 8"
                                            fill="none"
                                            xmlns="http://www.w3.org/2000/svg"
                                        >
                                            <path
                                                fill-rule="evenodd"
                                                clip-rule="evenodd"
                                                d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                                fill="#202020"
                                            />
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- portfolio_item -->

                <div class="portfolio_item">
                    <div class="portfolio_blok">
                        <img src="./images/Portfolio_3.jpg" alt="" />
                        <div class="portfolio_slidebox">
                            <div class="slidebox_transparent">
                                <div class="transparent_landing">
                                    Landing Page
                                </div>
                                <div class="transparent_projectname">
                                    Project Name
                                </div>
                            </div>
                            <div class="slidebox_gray">
                                <div class="slidebox_gray_inner">
                                    <div class="gray_text">
                                        Создаем прибыльные интернет-магазины,
                                        маркетплейсы
                                    </div>
                                    <div class="gray_arrow">
                                        <svg
                                            width="28"
                                            height="8"
                                            viewBox="0 0 28 8"
                                            fill="none"
                                            xmlns="http://www.w3.org/2000/svg"
                                        >
                                            <path
                                                fill-rule="evenodd"
                                                clip-rule="evenodd"
                                                d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
                                                fill="#202020"
                                            />
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- portfolio_item -->
                <button class="buttonportfolio" onClick='location.href="#"'>
                    All progect
                </button>
            </div>
            <!-- portfolio_list -->

            <!-- ====================== SKILLS ======================= -->

            <div class="skills">
                <div class="skills_item">
                    <div class="skills_item__value">2+</div>
                    <div class="skills_item__description">
                        <div class="skills_item__description__topik">Years</div>
                        <div class="skills_item__description__subj">
                            Создаем прибыльные интернет-магазины, маркетплейсы
                            Lorem ipsum dolor sit amet consectetur adipisicing
                            elit. Fuga sunt numquam repellendus accusamus! Odit
                            eaque illum modi nemo illo doloribus delectus quas
                            omnis cum fugiat nam, voluptates dicta error
                            laborum, in incidunt doloremque rem consectetur eos
                            nostrum ad aliquid recusandae repellat saepe? Aut,
                            nam magnam dolor architecto amet nulla nemo, ex
                            fugiat culpa, quod dolorum nisi explicabo assumenda
                            natus maxime labore repellendus saepe. Ducimus
                            deleniti repellat explicabo sit
                        </div>
                    </div>
                </div>
                <!-- skills_item -->

                <div class="skills_item">
                    <div class="skills_item__value">40+</div>
                    <div class="skills_item__description">
                        <div class="skills_item__description__topik">
                            Progect
                        </div>
                        <div class="skills_item__description__subj">
                            Создаем прибыльные интернет-магазины, маркетплейсы
                        </div>
                    </div>
                </div>
                <!-- skills_item -->

                <div class="skills_item">
                    <div class="skills_item__value">10+</div>
                    <div class="skills_item__description">
                        <div class="skills_item__description__topik">
                            Experts
                        </div>
                        <div class="skills_item__description__subj">
                            Создаем прибыльные интернет-магазины, маркетплейсы
                        </div>
                    </div>
                </div>
                <!-- skills_item -->

                <div class="skills_item">
                    <div class="skills_item__value">40+</div>
                    <div class="skills_item__description">
                        <div class="skills_item__description__topik">
                            Progect
                        </div>
                        <div class="skills_item__description__subj">
                            Создаем прибыльные интернет-магазины, маркетплейсы
                        </div>
                    </div>
                </div>
                <!-- skills_item -->
            </div>
            <!-- skills -->

            <!-- ============================ CLIENTS ================================ -->

            <div class="about_topik">
                <div class="topik">
                    <svg
                        width="20"
                        height="16"
                        viewBox="0 0 20 16"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                    >
                        <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
                            fill="#FFCA00"
                        />
                    </svg>
                    <div class="topikname">Clients</div>
                </div>
                <div class="about_topik__text">
                    Здесь будет какой-то текст который расскажет о услугах Lorem
                    ipsum dolor sit amet consectetur adipisicing elit. Qui
                    suscipit at architecto nihil, obcaecati aperiam veniam
                    repellat voluptatem impedit voluptates recusandae non
                    deserunt officiis esse quia voluptate optio harum. Nesciunt,
                    non enim quisquam sit sed ipsa magnam distinctio nisi
                    deserunt sint expedita dolorum aspernatur
                </div>
            </div>

            <div class="clients">
                <div class="clients_list">
                    <div class="clients_list__item">
                        <img src="./images/stada_color.png" alt="" />
                    </div>

                    <div class="clients_list__item">
                        <img src="./images/Hunter_Logo.png" alt="" />
                    </div>

                    <div class="clients_list__item">
                        <img src="./images/eroglulogoyeni_0.png" alt="" />
                    </div>

                    <div class="clients_list__item">
                        <img src="./images/logo_krieken-bier.png" alt="" />
                    </div>

                    <div class="clients_list__item"></div>
                </div>
                <!-- ------------- clients_list -------------- -->
            </div>
            <!-- ----- clients ------- -->

            <!-- ==================== SEO TEXT ======================== -->

            <div class="seo">
                <div class="seo_title">Seo text</div>
                <div class="seo_text">
                    is simply dummy text of the printing and typesetting
                    industry. Lorem Ipsum has been the industry's standard dummy
                    text ever since the 1500s, when an unknown printer took a
                    galley of type and scrambled it to make a type specimen
                    book. It has survived not only five centuries, but also the
                    leap into electronic typesetting, remaining essentially
                    unchanged. It was popularised in the 1960s with the release
                    of Letraset sheets containing Lorem Ipsum passages, and more
                    recently with desktop publishing software like Aldus
                    PageMaker including versions of Lorem Ipsum.
                </div>
                <div class="seo_readmore">
                    <a href="#">Read more</a>
                    <div class="seo_readmore__strelka">
                        <svg
                            width="9"
                            height="5"
                            viewBox="0 0 9 5"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                        >
                            <path
                                fill-rule="evenodd"
                                clip-rule="evenodd"
                                d="M4.5019 3.31982L1.13488 0.135898C1.04239 0.0482287 0.918732 0 0.786878 0C0.654951 0 0.531366 0.0482287 0.438732 0.135898L0.143854 0.41489C0.0510732 0.502421 0 0.61943 0 0.744118C0 0.868807 0.0510732 0.985676 0.143854 1.07328L4.15259 4.86424C4.24551 4.95218 4.36968 5.00034 4.50168 5C4.63427 5.00034 4.75829 4.95225 4.85129 4.86424L8.85615 1.07681C8.94893 0.989205 9 0.872336 9 0.747578C9 0.62289 8.94893 0.50602 8.85615 0.41835L8.56127 0.139427C8.36934 -0.0420699 8.0569 -0.0420699 7.86505 0.139427L4.5019 3.31982Z"
                                fill="#202020"
                            />
                        </svg>
                    </div>
                </div>
            </div>
            <!-- -----------SEO----------- -->
        </div>
        <!-- whitepart -->

        <!-- ===================== FOOTER ======================= -->
        <div class="yellow_line"></div>
        <footer>
            <img
                class="imagelogoclass"
                src="./images/Fill 4.svg"
                alt="Logo Factor"
            />
            <div class="copyright">
                © 2019 Creative Web Production from Ukraine. Digit Factor. All
                rights reserved.
            </div>
            <div class="letter">
                <svg
                    width="18"
                    height="14"
                    viewBox="0 0 18 14"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fill-rule="evenodd"
                        clip-rule="evenodd"
                        d="M1.72764 4.31536C1.95534 4.47441 2.6417 4.9468 3.78677 5.73229C4.93187 6.51777 5.80909 7.12257 6.41848 7.54673C6.48543 7.59322 6.62767 7.69429 6.84527 7.85007C7.0629 8.00596 7.24374 8.13192 7.38763 8.22801C7.53163 8.32406 7.70571 8.43182 7.91005 8.5511C8.11431 8.67028 8.30686 8.75992 8.48766 8.81927C8.6685 8.8791 8.83589 8.90874 8.98989 8.90874H8.99998H9.01011C9.16411 8.90874 9.33157 8.87906 9.51241 8.81927C9.69314 8.75992 9.88586 8.67017 10.09 8.5511C10.2941 8.43168 10.4682 8.32403 10.6122 8.22801C10.7562 8.13192 10.9369 8.00596 11.1546 7.85007C11.3722 7.69415 11.5146 7.59322 11.5816 7.54673C12.1975 7.12257 13.7646 6.04534 16.2824 4.31515C16.7712 3.97722 17.1796 3.56947 17.5077 3.09217C17.836 2.61508 18 2.11458 18 1.59096C18 1.15339 17.8408 0.778832 17.5227 0.467306C17.2046 0.155711 16.8279 0 16.3928 0H1.60707C1.09148 0 0.694701 0.172323 0.4168 0.516969C0.138933 0.861685 0 1.29256 0 1.80957C0 2.22718 0.184212 2.67972 0.552461 3.16691C0.920675 3.65413 1.31253 4.03699 1.72764 4.31536ZM16.9954 5.37918C14.7992 6.85065 13.1316 7.99422 11.9933 8.80965C11.6116 9.08795 11.302 9.3052 11.0642 9.46088C10.8264 9.61666 10.5102 9.77575 10.115 9.93808C9.71998 10.1006 9.35184 10.1817 9.01026 10.1817H9.00002H8.98992C8.64841 10.1817 8.28006 10.1006 7.88503 9.93808C7.49001 9.77575 7.17355 9.61666 6.93583 9.46088C6.69817 9.3052 6.38843 9.08795 6.00678 8.80965C5.10271 8.15345 3.43868 7.0098 1.01461 5.37918C0.632817 5.12745 0.294648 4.83891 0 4.51415V12.4089C0 12.8466 0.157298 13.221 0.47207 13.5326C0.786772 13.8442 1.16519 14 1.60718 14H16.3929C16.8348 14 17.2132 13.8442 17.5279 13.5326C17.8428 13.2209 18 12.8467 18 12.4089V4.51415C17.712 4.83219 17.3773 5.12073 16.9954 5.37918Z"
                        fill="white"
                    />
                </svg>
                <a href="mailto:contact@digitfactor.com"
                    >contact@digitfactor.com</a
                >
            </div>
            <div class="logos">
                <div class="facebook">
                    <svg
                        width="48"
                        height="48"
                        viewBox="0 0 48 48"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                    >
                        <path
                            opacity="0.05"
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
                            fill="white"
                        />
                        <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M27.6611 16.0033L25.5024 16C23.0772 16 21.5099 17.5455 21.5099 19.9376V21.7531H19.3394C19.1519 21.7531 19 21.8993 19 22.0795V24.71C19 24.8903 19.1521 25.0363 19.3394 25.0363H21.5099V31.6738C21.5099 31.854 21.6618 32 21.8493 32H24.6812C24.8687 32 25.0206 31.8539 25.0206 31.6738V25.0363H27.5584C27.7459 25.0363 27.8978 24.8903 27.8978 24.71L27.8989 22.0795C27.8989 21.993 27.863 21.9101 27.7995 21.8488C27.7359 21.7876 27.6493 21.7531 27.5593 21.7531H25.0206V20.2141C25.0206 19.4744 25.204 19.0989 26.2065 19.0989L27.6607 19.0984C27.8481 19.0984 28 18.9522 28 18.7721V16.3296C28 16.1496 27.8483 16.0037 27.6611 16.0033Z"
                            fill="white"
                        />
                    </svg>
                </div>
                <div class="in">
                    <svg
                        width="48"
                        height="48"
                        viewBox="0 0 48 48"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                    >
                        <path
                            opacity="0.05"
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
                            fill="white"
                        />
                        <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M33 25.8096V32H29.3563V26.2242C29.3563 24.7733 28.8293 23.783 27.5105 23.783C26.5037 23.783 25.9045 24.4504 25.6409 25.0959C25.5448 25.3267 25.5201 25.6479 25.5201 25.9709V32H21.8752C21.8752 32 21.9243 22.2177 21.8752 21.2041H25.5197V22.7344C25.5123 22.7459 25.5027 22.7582 25.4958 22.7693H25.5197V22.7344C26.0039 21.9999 26.8687 20.9505 28.8042 20.9505C31.2023 20.9505 33 22.4935 33 25.8096ZM18.0625 16C16.8156 16 16 16.8056 16 17.8649C16 18.9012 16.792 19.7312 18.0141 19.7312H18.0385C19.3095 19.7312 20.1 18.9013 20.1 17.8649C20.076 16.8056 19.3095 16 18.0625 16ZM16.2165 32H19.86V21.2041H16.2165V32Z"
                            fill="white"
                        />
                    </svg>
                </div>
            </div>
        </footer>
    </body>
</html>