4396-team-01/index.main-offer.partial.html at main · koldovsky/4396-team-01 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<section class="offer">
    <div class="container">
        <div class="offer__container">
            <div class="offer__block">
                <h2 class="offer__block-special"><span>—</span> Special offer <span>—</span></h2>
                <p class="offer__block-title">Don’t Miss Your Chance!</p>
                <p class="offer__block-text">Don’t miss your chance to finally get clear with your money and start
                    building
                    the
                    life you deserve. Bonuses available only until the timer.</p>
                <div class="offer__block-timer">
                    <div class="offer__block-timer__item">
                        <span class="offer__block-timer__days-number offer-timer-number">2</span>
                        <span class="offer__block-timer__days-text offer-timer-text">Days</span>
                    </div>
                    <div class="offer__block-timer__item">
                        <span class="offer__block-timer__hours-number offer-timer-number">23</span>
                        <span class="offer__block-timer__hours-text offer-timer-text">Hours</span>
                    </div>
                    <div class="offer__block-timer__item">
                        <span class="offer__block-timer__minutes-number offer-timer-number">59</span>
                        <span class="offer__block-timer__minutes-text offer-timer-text">Minutes</span>
                    </div>
                    <div class="offer__block-timer__item">
                        <span class="offer__block-timer__seconds-number offer-timer-number">43</span>
                        <span class="offer__block-timer__seconds-text offer-timer-text">Seconds</span>
                    </div>
                </div>
                <p class="offer__block-join"><span class="offer__block-join-text--white">Join now</span> and lock in
                    your
                    spot
                    <span class="offer__block-join-text--green">before it’s gone.</span>
                </p>
            </div>

            <!-- Start offer investment -->

            <div class="offer__investment">
                <h3 class="offer__investment-title">Your Investment</h3>
                <ul class="offer__investment-items">
                    <li class="offer__investment-item">
                        <span class="offer__investment-item-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
                                xml:space="preserve" height="20" width="20">
                                <g style="" fill="currentColor">
                                    <polygon
                                        points="62.838,21.493 62.838,50.031 38.814,26.007 26.086,38.735 49.952,62.599 21.413,62.599 37.164,78.351    65.703,78.351 65.862,78.51 66.021,78.351 78.589,78.351 78.589,65.782 78.589,37.243 62.839,21.492  "
                                        style="" fill="currentColor"></polygon>
                                </g>
                            </svg>
                        </span>
                        <p class="offer__investment-item-text">One-time payment;</p>
                    </li>
                    <li class="offer__investment-item">
                        <span class="offer__investment-item-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
                                xml:space="preserve" height="20" width="20">
                                <g style="" fill="currentColor">
                                    <polygon
                                        points="62.838,21.493 62.838,50.031 38.814,26.007 26.086,38.735 49.952,62.599 21.413,62.599 37.164,78.351    65.703,78.351 65.862,78.51 66.021,78.351 78.589,78.351 78.589,65.782 78.589,37.243 62.839,21.492  "
                                        style="" fill="currentColor"></polygon>
                                </g>
                            </svg>
                        </span>
                        <p class="offer__investment-item-text">Lifetime access to all materials;</p>
                    </li>
                    <li class="offer__investment-item">
                        <span class="offer__investment-item-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
                                xml:space="preserve" height="20" width="20">
                                <g style="" fill="currentColor">
                                    <polygon
                                        points="62.838,21.493 62.838,50.031 38.814,26.007 26.086,38.735 49.952,62.599 21.413,62.599 37.164,78.351    65.703,78.351 65.862,78.51 66.021,78.351 78.589,78.351 78.589,65.782 78.589,37.243 62.839,21.492  "
                                        style="" fill="currentColor"></polygon>
                                </g>
                            </svg>
                        </span>
                        <p class="offer__investment-item-text">6-week step-by-step video program;</p>
                    </li>
                </ul>
                <p class="offer__investment-bonus">+ 2 BONUSES included (only before deadline!)</p>
                <button class="offer__investment-button">Join Course Now</button>
            </div> <!-- End offer investment -->
        </div>
    </div>
</section>