scm_project/shopnow2.html at main · dipanshurajpal/scm_project · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Font Awesome CDN  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
        integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
        crossorigin="anonymous" />

    <!-- CSS -->
    <link rel="stylesheet" href="shopnow.css">

    <title>Smartwatch product card - Coding Torque</title>
</head>

<body>
    <div class="wrapper">
        <div class="overviewInfo">
            <div class="actions">
                <a href="ordernow.html">
                <div class="backbutton ">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M1.02698 11.9929L5.26242 16.2426L6.67902 14.8308L4.85766 13.0033L22.9731 13.0012L22.9728 11.0012L4.85309 11.0033L6.6886 9.17398L5.27677 7.75739L1.02698 11.9929Z"
                            fill="currentColor" />
                    </svg>
                </a>
                </div>
                <div class="cartbutton neurobutton">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M5.79166 2H1V4H4.2184L6.9872 16.6776H7V17H20V16.7519L22.1932 7.09095L22.5308 6H6.6552L6.08485 3.38852L5.79166 2ZM19.9869 8H7.092L8.62081 15H18.3978L19.9869 8Z"
                            fill="currentColor" />
                        <path
                            d="M10 22C11.1046 22 12 21.1046 12 20C12 18.8954 11.1046 18 10 18C8.89543 18 8 18.8954 8 20C8 21.1046 8.89543 22 10 22Z"
                            fill="currentColor" />
                        <path
                            d="M19 20C19 21.1046 18.1046 22 17 22C15.8954 22 15 21.1046 15 20C15 18.8954 15.8954 18 17 18C18.1046 18 19 18.8954 19 20Z"
                            fill="currentColor" />
                    </svg>
                </div>
            </div>

            <div class="productinfo">
                <div class="grouptext">
                    <h3>BRAND</h3>
                    <p>Noise</p>
                </div>
                <div class="grouptext">
                    <h3>CASE SIZE</h3>
                    <p>40mm, 44mm</p>
                </div>
                <div class="grouptext">
                    <h3>PRICE</h3>
                    <p>Rs 5000</p>
                </div>


                <div class="productImage">
                    <img src="smartwatch1.png"
                        alt="product: ps5 controller image">
                </div>

            </div>

        </div>
        <!-- overview info -->

        <div class="productSpecifications">
            <h1> Noise watch </h1>
            <p> GPS + Cellular mode lets you call, text and get directions without your phone. <br> Measure your blood
                oxygen with an all new sensor and app. <br> Check Your heart rhythm with ECG app. </p>

            <div class="productFeatures">
                <div class="feature">
                    <div class="featureIcon">
                    </div>
                    <div class="featureText">
                        <p> <strong>Futuristic</strong></p>
                        <p>Design</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="featureIcon">
                    </div>
                    <div class="featureText">
                        <p> <strong>Built-in</strong></p>
                        <p>Microphone</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="featureIcon">
                    </div>
                    <div class="featureText">
                        <p> <strong>Haptic</strong></p>
                        <p>Feedback</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="featureIcon">
                    </div>
                    <div class="featureText">
                        <p> <strong>Fast charge</strong></p>
                        <p>USB-C port</p>
                    </div>
                </div>
            </div>

            <div class="checkoutButton">
                <div class="priceTag">
                    <span><i class="fa fa-rupee-sign"></i></span>5000
                </div>
                <!-- <button class="preorder">
                    <p>Add to cart</p>
                    <div class="buttonaction">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M23.0677 11.9929L18.818 7.75739L17.4061 9.17398L19.2415 11.0032L0.932469 11.0012L0.932251 13.0012L19.2369 13.0032L17.4155 14.8308L18.8321 16.2426L23.0677 11.9929Z"
                                fill="currentColor" />
                        </svg>
                    </div>
                </button> -->
            </div>
        </div>
        <!-- product specificaiton -->
    </div>
    <!-- wrapper-->
</body>

</html>