|
14 | 14 | <link rel="stylesheet" href="styles.css" /> |
15 | 15 | </head> |
16 | 16 | <body> |
17 | | - <!-- navbar --> |
18 | | - <nav class="nav"> |
19 | | - <div class="nav-center"> |
20 | | - <div class="nav-header"> |
21 | | - <img src="./images/logo.svg" class="nav-logo" alt="" /> |
22 | | - <button class="btn toggle-btn"> |
23 | | - <i class="fas fa-bars"></i> |
24 | | - </button> |
25 | | - </div> |
26 | | - <ul class="nav-links"> |
27 | | - <li> |
28 | | - <button class="link-btn">products</button> |
29 | | - </li> |
30 | | - <li> |
31 | | - <button class="link-btn">developers</button> |
32 | | - </li> |
33 | | - <li> |
34 | | - <button class="link-btn">company</button> |
35 | | - </li> |
36 | | - </ul> |
37 | | - <button class="btn signin-btn">Sign in</button> |
38 | | - </div> |
39 | | - </nav> |
40 | | - <!-- hero --> |
41 | | - <section class="hero"> |
42 | | - <div class="hero-center"> |
43 | | - <article class="hero-info"> |
44 | | - <h1>Payments infrastructure for the internet</h1> |
45 | | - <p> |
46 | | - Millions of companies of all sizes—from startups to Fortune 500s—use |
47 | | - Stripe’s software and APIs to accept payments, send payouts, and |
48 | | - manage their businesses online. |
49 | | - </p> |
50 | | - <button class="btn">Start now</button> |
51 | | - </article> |
52 | | - <article class="hero-images"> |
53 | | - <img src="./images/phone.svg" class="phone-img" alt="" /> |
54 | | - </article> |
55 | | - </div> |
56 | | - </section> |
57 | | - <!-- sidebar --> |
58 | | - <div class="sidebar-wrapper show"> |
59 | | - <aside class="sidebar"> |
60 | | - <button class="close-btn"> |
61 | | - <i class="fas fa-times"></i> |
62 | | - </button> |
63 | | - <div class="sidebar-links"></div> |
64 | | - <!-- links --> |
65 | | - </aside> |
66 | | - </div> |
67 | | - <!-- links --> |
68 | | - <aside class="submenu"></aside> |
| 17 | + <h1>stripe submenu</h1> |
69 | 18 | <script type="module" src="app.js"></script> |
70 | 19 | </body> |
71 | 20 | </html> |
0 commit comments