thesmstore/deleted.html at master · 360pixels-dev/thesmstore · 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
<link rel="stylesheet" href="./assets/css/style.min.css">

            <section class="featured-advocacy container-fluid">
                <div class="featured-advocacy__container container">
                    <div class="featured-advocacy__details">
                        <h1 class="font-hero">
                            <span>Sustainable</span>
                            <span>Beauty</span>
                            <span>Brands</span>
                        </h1>
                        <p>From makers of refillable lipstick cases to 100-percent recycled packaging to glass bottles just begging to be reused.</p>
                        <a href="" class="btn--primary font-cta">View</a>
                    </div>

                    <div class="featured-advocacy__slider">
                        <img src="./assets/images/advocacy1.png" alt="">
                        <img src="./assets/images/advocacy1.png" alt="">
                    </div>

                    <div class="featured-advocacy__controls controls">
                        <a class="controls__arrow controls__arrow--left" href=""><img src="./assets/images/arrow-tail-left.svg" alt=""></a>
                        <a class="controls__arrow controls__arrow--right" href=""><img src="./assets/images/arrow-tail-right.svg" alt=""></a>
                    </div>
                </div>

            </section>

            <section class="featured-press">
                <div class="container">
                    <div class="featured-press__header">
                        <h2 class="font-h2-hero">Press Releases</h2>
                        <a href="" class="btn--text-link font-cta">View all</a>
                    </div>
                    <div class="featured-press__container">
                        <img class="featured-press__container-image" src="./assets/images/press-release.png"/>
                        <div class="featured-press__content">
                            <h1 class="font-hero">The SM Store wins at ice</h1>
                            <a href="" class="btn--primary font-cta">Read</a>
                        </div>
                    </div>

                    <div class="featured-press__controls controls">
                        <a class="controls__arrow controls__arrow--left" href=""><img src="./assets/images/arrow-tail-left.svg" alt=""></a>
                        <a class="controls__arrow controls__arrow--right" href=""><img src="./assets/images/arrow-tail-right.svg" alt=""></a>
                    </div>
                </div>
            </section>

            <section class="featured-category container">
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-women.png" alt="">
                    <a href="" class="btn--text-link font-cta featured-category__btn-link">Women</a>
                </div>
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-men.png" alt="">
                    <a href="" class="btn--text-link font-cta featured-category__btn-link">Men</a>
                </div>
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-beauty.png" alt="">
                    <a href="" class="btn--text-link font-cta featured-category__btn-link">Beauty</a>
                </div>
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-youth.png" alt="">
                    <a href="" class="btn--text-link font-cta featured-category__btn-link">Youth</a>
                </div>
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-kids.png" alt="">
                    <a href="" class="btn--text-link font-cta featured-category__btn-link">Kids</a>
                </div>
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-accessories.png" alt="">
                    <a href="" class="btn--text-link font-cta"><span class="accessories-text">Shoes, bags & </span>accessories</a>
                </div>
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-home.png" alt="">
                    <a href="" class="btn--text-link font-cta featured-category__btn-link">Home</a>
                </div>
                <div class="card--component">
                    <img src="./assets/images/cards/card-component-stationery.png" alt="">
                    <a href="" class="btn--text-link font-cta featured-category__btn-link">Stationery</a>
                </div>
            </section>