-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
98 lines (86 loc) · 4.25 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<title>Chalk Stories | Home | Pastel Art</title>
<link rel="stylesheet" href="css/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=Oxygen&family=Rochester&display=swap" rel="stylesheet">
<!-- Footer stylesheet-->
<link rel="stylesheet" href="css/footer.css">
</head>
<body>
<header>
<nav class="topnav">
<a href="index.html">
<img class="logo-img" src="images/logo.png" alt="logo">
</a>
<a class="nav-logo container" href="index.html">Chalk Stories</a>
<div class="topnav-right">
<a class="nav-items active" href="index.html">HOME</a>
<a class="nav-items" href="gallery.html">GALLERY</a>
<a class="nav-items" href="commissions.html">COMMISSIONS</a>
<a class="nav-items" href="thoughts.html">THOUGHTS</a>
<a class="nav-items" href="about.html">ABOUT</a>
<a class="nav-items" href="contact.html">CONTACT</a>
</div>
<div class="dropdown">
<img src="images/menu.png" alt="hamburger menu" class="menu">
<div class="dropdown-content">
<a href="index.html" class="active">HOME</a>
<a href="gallery.html">GALLERY</a>
<a href="commissions.html">COMMISSIONS</a>
<a href="thoughts.html">THOUGHTS</a>
<a href="about.html">ABOUT</a>
<a href="contact.html">CONTACT</a>
</div>
</div>
</nav>
<!-- social media icons-->
<div class="social social-media-pressed" id="icon-tab">
<a href="https://www.facebook.com/chalkstories.art/" target="_blank">
<img src="images/facebook-logo.svg" alt="facebook-icon">
<span class="tooltip facebook">Facebook</span>
</a>
<a href="https://www.instagram.com/chalk_stories/" target="_blank">
<img src="images/instagram.svg" alt="instagram-icon">
<span class="tooltip instagram">Instagram</span>
</a>
</div>
</header>
<main>
<div class="container row">
<div class="col main-title">
<h1>
Welcome to Chalk Stories! Chalk Stories showcases my passion for the natural world, through art.
</h1>
<button class="main-button">See More</button>
</div>
<img class="col main-img" src="images/Group 7.png" alt="main-image">
</div>
<hr class="hr-margin-min">
<div class="container row">
<img class="col second-img" src="images/Group 8.png" alt="main-image">
<div class="col">
<p class="second-text">
Browsing through the gallery, you will see original paintings ranging from colourful birds to much cherished pets. All paintings were completed using soft and hard pastels, my preferred medium, due to the high pigment content and rich effects. Both originals
and premium-quality giclée prints are available for sale. I also undertake commission work, whether pets or wildlife. Feel free to browse the site, if you have any questions, please drop me a line or give me a call.
</p>
</div>
</div>
</main>
<footer>
<!-- Copyright -->
<div><img src="images/email.svg" alt="email-icon">chalkstories.art@gmail.com</div>
<div><img src="images/phone-call.svg" alt="phone-icon">+94 777756358</div>
<div class="footer-copyright">© 2019 by Chalk Stories. All rights reserved.</div>
</footer>
<script src="js/script.js"></script>
<script src="js/social_media.js"></script>
</body>
</html>