TeslaWebsiteClone/index.html at main · anandpsdev/TeslaWebsiteClone · 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
        <title>Electric Cars, Solar & Clean Energy | Tesla</title>
        <link rel="stylesheet" href="./index.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
    </head>
    <body>
        <div class="navbar">
            <div class="nav-logo">
                <a href="/">
                    <img src="./assets/logo.png" alt="logo" />
                </a>
            </div>
            <div class="nav-list">
                <a href="" class="items">Vehicles</a>
                <a href="" class="items">Energy</a>
                <a href="" class="items">Charging</a>
                <a href="" class="items">Disover</a>
                <a href="" class="items">Shop</a>
            </div>
            <div class="nav-menu">
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm169.8-90.7c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
                </a>
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.9 21.9"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M9.254 20.047a8 8 0 0 1-.768-1.378c-.404-.91-.722-1.985-.935-3.169h-3.3a8.53 8.53 0 0 0 5.003 4.547m.603-1.988c.336.757.718 1.324 1.103 1.69.382.364.732.501 1.04.501s.658-.137 1.04-.5c.385-.367.767-.934 1.103-1.69.321-.723.588-1.59.78-2.56H9.076c.192.97.459 1.837.78 2.56ZM8.75 12q.001 1.038.103 2h6.294q.102-.962.103-2-.001-1.038-.103-2H8.853q-.102.962-.103 2m-1.405-2H3.737a8.5 8.5 0 0 0-.237 2c0 .689.082 1.359.237 2h3.608a21 21 0 0 1 0-4m1.732-1.5h5.845c-.19-.97-.458-1.837-.779-2.56-.336-.756-.718-1.323-1.103-1.69-.382-.363-.732-.5-1.04-.5s-.658.137-1.04.5c-.385.367-.767.934-1.103 1.69-.321.723-.588 1.59-.78 2.56m7.577 1.5a20.7 20.7 0 0 1 0 4h3.61a8.5 8.5 0 0 0 .236-2 8.5 8.5 0 0 0-.237-2zm3.094-1.5a8.53 8.53 0 0 0-5.002-4.547c.287.408.543.873.768 1.378.404.91.722 1.985.935 3.169h3.3Zm-12.197 0c.213-1.184.531-2.26.935-3.169.225-.505.48-.97.768-1.378A8.53 8.53 0 0 0 4.252 8.5zm7.963 10.169c-.225.505-.48.97-.768 1.378a8.53 8.53 0 0 0 5.002-4.547h-3.3c-.212 1.184-.53 2.26-.934 3.169"></path></svg>
                </a>
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M406.5 399.6C387.4 352.9 341.5 320 288 320l-64 0c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3l64 0c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z"/></svg>
                </a>
            </div>
        </div>
        <div class="section section-1">
            <div class="content">
                <h1>Model 3</h1>
                <a href="/"><h2>1.99% APR Financing Ending August 31</h2></a>
                <p>From $34,990<span class="power">1</span></p>
            </div>
            <div class="button-section">
                <button class="button-1">Order Now</button>
                <button class="button-2">Demo Drive</button>
            </div>
        </div>

        <div class="section section-2">
            <div class="content">
                <h1>Model Y</h1>
                <a href="/"><h2>1.99% APR Financing Ending August 31</h2></a>
                <p>From $31,490<span class="power">2</span></p>
            </div>
            <div class="button-section">
                <button class="button-1">Order Now</button>
                <button class="button-2">Demo Drive</button>
            </div>
        </div>

        <div class="section section-3">
            <div class="content">
                <h1>Model X</h1>
                <h2>From $65,990<span class="power">3</span></h2>
                <a href=""><p>
                    After Federal Tax Credit $7,500
                </p></a>
                <a href="">
                    <p>
                        and Est. Gas Savings $6,500
                    </p>
                </a>
            </div>

            <div class="button-section">
                <button class="button-1">Order Now</button>
                <button class="button-2">Demo Drive</button>
            </div>
        </div>

        <div class="section section-4">
            <div class="content">
                <h1>Model S</h1>
                <h2>From $68,490 <span class="power">4</span></h2>
                <a href="">
                    <p>
                        After Est. Gas Savings $6,500
                    </p>
                </a>
            </div>

            <div class="button-section">
                <button class="button-1">Order Now</button>
                <button class="button-2">Demo Drive</button>
            </div>
        </div>

        <div class="section section-5">
            <div class="content">
                <img src="./assets//cybertruck-logo.png" alt="" class="logo">
            </div>

            <div class="button-section">
                <button class="button-3 b-border">Order Now</button>
                <button class="button-3">Demo Drive</button>
            </div>
        </div>

        <div class="section section-6">
            <div class="content">
                <h1>Solar Panels</h1>
                <a href=""><h2>Schedule a Virtual Consultation</h2></a>
            </div>

            <div class="button-section">
                <button class="button-1">Order Now</button>
                <button class="button-2">Learn More</button>
            </div>
        </div>

        <div class="section section-7">
            <div class="content">
                <h1>Solar Roof</h1>
                <h2>Produce Clean Energy From Your Roof</h2>
            </div>

            <div class="button-section">
                <button class="button-1">Order Now</button>
                <button class="button-2">Learn More</button>
            </div>
        </div>

        <div class="section section-8">
            <div class="content">
                <h1>Powerwall</h1>
            </div>

            <div class="button-section">
                <button class="button-1">Order Now</button>
                <button class="button-2">Learn More</button>
            </div>
        </div>

        <div class="section section-9">
            <div class="content">
                <h1>Accessories</h1>
            </div>

            <div class="button-section">
                <button class="button-1">Shop Now</button>
            </div>
        </div>

        <div class="footer-section">
            <div class="footer">
                <div class="footer-content">
                    <div class="paragraph">
                        <h6><span class="power">1</span>Price before estimated savings is $46,630, including Destination and Order Fees, but excluding taxes and</h6>
                        <h6>other fees. Subject to change. Vehicle shown has upgrades that will increase the price. Estimated savings</h6>
                        <h6>includes $6,000 in <a href="">gas savings </a>estimated over five years, the $7,500 Federal Tax Credit and state</h6>
                        <h6>incentives, available to eligible buyers and subject to MSRP caps. Not all vehicles, customers or finance</h6>
                        <h6>options will be eligible. <a href="">Terms Apply</a></h6>
                    </div>

                    <div class="paragraph">
                        <h6><span class="power">2</span>Price before estimated savings is $44,130, including Destination and Order Fees, but excluding taxes and</h6>
                        <h6>other fees. Subject to change. Vehicle shown has upgrades that will increase the price. Estimated savings</h6>
                        <h6>includes $5,000 in <a href="">gas savings</a>estimated over five years, the $7,500 Federal Tax Credit and state</h6>
                        <h6>incentives, available to eligible buyers and subject to MSRP caps. Model 3 Rear-Wheel Drive and leases not</h6>
                        <h6>eligible for the Federal Tax Credit. <a href="">Terms Apply</a></h6>
                    </div>

                    <div class="paragraph">
                        <h6><span class="power">3</span>Price before estimated savings is $81,630, including Destination and Order Fees, but excluding taxes and</h6>
                        <h6>other fees. Subject to change. Vehicle shown has upgrades that will increase the price. Estimated savings</h6>
                        <h6>includes $6,500 in <a href="">gas savings</a>estimated over five years, the $7,500 Federal Tax Credit and state</h6>
                        <h6>incentives, available to eligible buyers and subject to MSRP caps. Not all vehicles, customers or finance</h6>
                        <h6>options will be eligible. <a href="">Terms Apply</a></h6>
                    </div>

                    <div class="paragraph">
                        <h6><span class="power">4</span>Price before estimated savings is $76,630, including Destination and Order Fees, but excluding taxes and</h6>
                        <h6>other fees. Subject to change. Vehicle shown has upgrades that will increase the price. Estimated savings</h6>
                        <h6>includes $6,500 in <a href="">gas savings</a>estimated over five years and state incentives, available to eligible buyers</h6>
                        <h6>and subject to MSRP caps. Not all vehicles, customers or finance options will be eligible. <a href="">Terms Apply</a></h6>
                    </div>
                </div>
                <div class="foot-menu">
                    <a href="">Tesla &copy;2024</a>
                    <a href="">Privacy &amp; Legal</a>
                    <a href="">Vehicle Recalls</a>
                    <a href="">Contact</a>
                    <a href="">News</a>
                    <a href="">Get Updates</a>
                    <a href="">Locations</a>
                </div>
            </div>
        </div>
    </body>
</html>