-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (74 loc) · 3.06 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>MashedTomato Productions</title>
<link rel="stylesheet" href="style.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=IBM+Plex+Serif:wght@100;200;300;400;600;700&family=Indie+Flower&display=swap" rel="stylesheet">
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="images/logo.png" alt=""></a>
<div class="nav-links">
<ul>
<li><a href="">HOME</a></li>
<li><a href="">GALLERY</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">LINK TREE</a></li>
</ul>
</div>
</nav>
<div class="text-box">
<h1>MashedTomatoProductions</h1>
<p>A place to show off and advertise my horror themed art</p>
<a href="" class="hero-btn">Take me to the Gallery</a>
</div>
</section>
<!-------Descriptions----->
<section class="description">
<h1>Things to check out</h1>
<div class="row">
<div class="desc-col">
<h3>Blog</h3>
<p>Keep up to date with what I'm working on at the moment. This is also the best place to check when new merch is going to drop to my storefront.
I update this every thursday so come drop by and give it a read. Alternativly you can follow me on twitter: @MaybeInTheFuture or check me out
on Instagram</p>
</div>
<div class="desc-col">
<h3>Merch</h3>
<p>Access to my storefront where you can find all kinds of things to rep my art. We got hoodies, we got hats, we got T-shirts. Come check it out!
I'm running a limited run on one of my new T-shirts so come grab it while you can. All proceeds go to me keeping the lights on and the horror
flowing.</p>
</div>
<div class="desc-col">
<h3>Commissions</h3>
<p>This is where to go if you want something done. We don't do pretty here, but I'm sure we can come to an arrangement to suit your demented
desires. This is also where you will find the pricing information and a small selection of other commisions I've done. You can find more examples
in the <a href="">gallery</a>.</p>
</div>
</div>
</section>
<!------Sticker plug----->
<section class="sticker">
<h1>Check out my new sticker pack!</h1>
<p>New Dungeons and Dragons themed monster sticker pack! A limitted run pack with some custom monsters. Click the Moon Mask or Microwave monster to see the original sketches!</p>
<div class="row">
<div class="sticker-col">
<p><a href=""><img src="images/Stickers.jpg" alt="sticker pack"></a></p>
</div>
<div class="sticker-col">
<p><a href=""><img src="images/moonmask.png" alt="sticker pack"></a></p>
</div>
<div class="sticker-col">
<p><a href=""><img src="images/microwave.png" alt="sticker pack"></a></p>
</div>
</div>
</section>
<div class="footer">
<h3>MashedTomatoProductions ©2022</h3>
</div>
</body>
</html>