IP-2nd/new.html at main · eeshachavan/IP-2nd · 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
90
91
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New Arrivals - H&M Brand</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="logo">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/H%26M-Logo.svg/1024px-H%26M-Logo.svg.png" alt="H&M Logo">
        </div>
        <nav>
            <ul class="nav-links">
                <li><a href="index.html#home">Home</a></li>
                <li><a href="new.html#new">New</a></li>
                <li><a href="index.html#sale">Sale</a></li>
                <li><a href="index.html#contact">Contact</a></li>
                <li><a href="index.html#signin">Sign In</a></li>
            </ul>
        </nav>
        <div class="hero">
            <h1>Discover Our New Arrivals</h1>
            <p>Stay ahead in style with the latest fashion trends</p>
        </div>
    </header>

    <main>
        <section id="new-items">
            <h2>Shop the Latest Styles</h2>
            <div class="card-container">
                <div class="card" style="background-image: url('https://www.thefashionisto.com/wp-content/uploads/2021/06/HM-Menswear-Collection-2021.jpg');">
                    <a href="https://www2.hm.com/en_in/productpage.1000000001.html" class="shop-now">New Men's Shirt</a>
                </div>
                <div class="card" style="background-image: url('https://media.glamour.com/photos/58d3bc4b8cb2d34458c650cb/master/pass/hm-dress.jpg');">
                    <a href="https://www2.hm.com/en_in/productpage.1000000002.html" class="shop-now">New Women's Dress</a>
                </div>
                <div class="card" style="background-image: url('https://th.bing.com/th/id/OIP.Zg2P4f9b7ZTizxkxkSM_qgAAAA?pid=ImgDetMain');">
                    <a href="https://www2.hm.com/en_in/productpage.1000000003.html" class="shop-now">New Kids' Jacket</a>
                </div>
                <div class="card" style="background-image: url('https://images.surferseo.art/c5729421-dd01-490b-ab04-a51284fb7a56.webp');">
                    <a href="https://www2.hm.com/en_in/productpage.1000000004.html" class="shop-now">New Sports Gear</a>
                </div>
                <div class="card" style="background-image: url('https://ksassets.timeincuk.net/wp/uploads/sites/56/2022/10/hm-home-collection.jpg');">
                    <a href="https://www2.hm.com/en_in/productpage.1000000005.html" class="shop-now">New Home Decor</a>
                </div>
                <div class="card" style="background-image: url('https://www.retailgazette.co.uk/wp-content/uploads/2022/09/shutterstock_2032856177-e1663748442221-700x420.jpg');">
                    <a href="https://www2.hm.com/en_in/productpage.1000000006.html" class="shop-now">New Sustainable Collection</a>
                </div>
            </div>
        </section>

    </main>

    <footer>
        <div class="footer-container">
            <section id="contact">
                <h2>Contact Us</h2>
                <div class="contact-links">
                    <a href="https://www.instagram.com/hm/" target="_blank">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" alt="Instagram" class="social-icon">
                    </a>
                    <a href="mailto:info@hm.com">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Gmail_Icon_%282013-2020%29.svg/640px-Gmail_Icon_%282013-2020%29.svg.png" alt="Email" class="social-icon">
                    </a>
                    <a href="https://www.facebook.com/hm/" target="_blank">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg" alt="Facebook" class="social-icon">
                    </a>
                    <a href="https://twitter.com/hm" target="_blank">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6f/Logo_of_Twitter.svg" alt="Twitter" class="social-icon">
                    </a>
                    <a href="https://www.youtube.com/channel/UCoc8tpGCY1wrp8pV7mI0scA" target="_blank">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_%282017%29.svg/640px-YouTube_full-color_icon_%282017%29.svg.png" alt="YouTube" class="social-icon">
                    </a>
                    <a href="https://in.pinterest.com/hm/" target="_blank">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/0/08/Pinterest-logo.png?20160129083321" alt="Pinterest" class="social-icon">
                    </a>
                </div>
            </section>
            <section id="help">
                <h2>Help</h2>
                <div class="help-links">
                    <a href="https://www2.hm.com/en_in/customer-service.html">Customer Service</a>
                    <a href="https://www2.hm.com/en_in/customer-service/shopping-at-hm/store-locator">Find a Store</a>
                </div>
            </section>
        </div>
    </footer>
</body>
</html>