Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html dir="ltr" lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
- <title>My GPU Shop</title>
- <script src="node_modules/kron-ui/dist/kron-ui/kron-ui.js"></script>
- </head>
- <body>
- <kron-navbar appearance='red4' contactlogo='Contact' navlogo='GPU SHOP'>
- <a href=''>Shop</a>
- <a href=''>RTX</a>
- <a href=''>GTX</a>
- <a href=''>About</a>
- </kron-navbar>
- <main>
- <kron-menu menu='Sort By' appearance='b-red4 h-red3'>
- <a href=''>Ascending</a>
- <a href=''>Descending</a>
- </kron-menu>
- <kron-box appearance='flex-row-wrap'>
- <div>
- <img src='https://www.proshop.no/Images/915x900/2885271_874fa3e939d0.png' alt=''>
- <kron-article>
- <h2>RTX 3090</h2>
- <p>Not sure if this is in stock ?</p>
- </kron-article>
- <kron-button appearance=''>Buy!</kron-button>
- </div>
- <div>
- <img src='https://www.proshop.no/Images/915x900/2885271_874fa3e939d0.png' alt=''>
- <kron-article>
- <h2>RTX 3090</h2>
- <p>Not sure if this is in stock ?</p>
- </kron-article>
- <kron-button appearance=''>Buy!</kron-button>
- </div>
- <div>
- <img src='https://www.proshop.no/Images/915x900/2885271_874fa3e939d0.png' alt=''>
- <kron-article>
- <h2>RTX 3090</h2>
- <p>Not sure if this is in stock ?</p>
- </kron-article>
- <kron-button appearance=''>Buy!</kron-button>
- </div>
- <div>
- <img src='https://www.proshop.no/Images/915x900/2885271_874fa3e939d0.png' alt=''>
- <kron-article>
- <h2>RTX 3090</h2>
- <p>Not sure if this is in stock ?</p>
- </kron-article>
- <kron-button appearance=''>Buy!</kron-button>
- </div>
- <div>
- <img src='https://www.proshop.no/Images/915x900/2885271_874fa3e939d0.png' alt=''>
- <kron-article>
- <h2>RTX 3090</h2>
- <p>Not sure if this is in stock ?</p>
- </kron-article>
- <kron-button appearance=''>Buy!</kron-button>
- </div>
- </kron-box>
- <kron-article appearance='textCenter monospace'>
- <h2>GPU SHOP Providing out of the years!</h2>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea hic magni minima mollitia quisquam, tenetur
- voluptas voluptatum. Aspernatur atque dolores ducimus earum enim fugit hic minima molestias nam non quae rem
- saepe totam, veniam veritatis? Cupiditate doloremque earum, eum hic, magnam odio quaerat quam, reiciendis sit
- tempora temporibus velit voluptates.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea hic magni minima mollitia quisquam, tenetur
- voluptas voluptatum. Aspernatur atque dolores ducimus earum enim fugit hic minima molestias nam non quae rem
- saepe totam, veniam veritatis? Cupiditate doloremque earum, eum hic, magnam odio quaerat quam, reiciendis sit
- tempora temporibus velit voluptates..Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea hic magni minima mollitia quisquam, tenetur
- voluptas voluptatum. Aspernatur atque dolores ducimus earum enim fugit hic minima molestias nam non quae rem
- saepe totam, veniam veritatis? Cupiditate doloremque earum, eum hic, magnam odio quaerat quam, reiciendis sit
- tempora temporibus velit voluptates.</p>
- </kron-article>
- <div class='cont'>
- <kron-form appearance='monospace'>
- <h2>Ask us question</h2>
- <input type='text' placeholder='name'>
- <input type='text' placeholder='email'>
- <input type='text' placeholder='message'>
- </kron-form>
- </div>
- </main>
- </body>
- </html>
- <style>
- .cont{
- margin-top: 30px;
- margin-left: 30%;
- }
- body{
- margin: 0;
- }
- img{
- width: 150px;
- }
- main{
- margin-left: auto;
- margin-right: auto;
- width: 60%;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement