generated from omarieclaire/make-a-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (93 loc) · 5.4 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
99
100
101
<!doctype html>
<!-- we are announcing to the browser that this website is written html5, rather than an earlier version -->
<html lang="en-US">
<!-- we are opening the "html" tag which contains our entire site! We are also announcing the languge (English) to the browser -->
<head>
<!-- everything in the "head" tag is for the browser and search engine. It won't appear on your website -->
<meta charset="utf-8"> <!-- here we are announcing the character encoding -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- here we are giving instructions on how to control the page's dimensions and scaling -->
<meta name="author" content="Josh"> <!-- here we are announcing the author (you!)-->
<meta name="description" content="web space for g$r"> <!-- here we are describing what this site is about-->
<title>GAS MONEY COMPANY</title> <!-- here is the title of the site -->
<!-- below is a link to our CSS "stylesheet" so our webpage can look nice -->
<link href="styles.css" rel="stylesheet" type="text/css">
<meta property="og:image" content="IMAGE URL HERE"> <!-- here is the main image for the site -->
<meta property="og:url" content="URL OF SITE HERE"> <!-- here is the URL of the site -->
</head>
<body>
<header>
<!-- the "header" tag is for introductory content or navigational links -->
<nav>
<!-- the "nav" tag is for navigational links -->
<ul>
<!-- the "ul" tag is for an unordered (not numbered) list of things -->
<li><a href="#Releases">Releases</a></li>
<!-- the "li" tag is for a single list item, and the "a" tag is for a link -->
<li><a href="#myWork">My Work</a></li>
<!-- the "li" tag is for a single list item, and the "a" tag is for a link -->
<li><a href="#contact">Contact</a></li>
<!-- the "li" tag is for a single list item, and the "a" tag is for a link -->
</ul>
</nav>
<img src="img/logo.gif" alt="Stylized image of a colourful shape" id="logo">
<!-- the "img" tag is how we insert an image -->
</header>
<main>
<!-- The "main" tag is for the main content (no headers or footers) -->
<section id="Releases" class="section">
<!-- the "section" tag is used for content! Learn more (or possibly get more confused) here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section -->
<h1>Releases</h1> <!-- the "h1" tag is for a top-level header -->
<p>Montreal-based band The Painters share Rain, a new two-song release available now. The tracks are the
first to be released from a body of work that was recorded when the band found themselves quarantined
together in their shared home studio after the start of the COVID-19 pandemic. As other facets of their
lives were swiftly brought to a halt, the group, fronted by singer-songwriter Alex Bourque, took refuge
in the shared experience of creation while rehearsing for off-the-floor recording sessions and
experimenting with new recording approaches.</p> <!-- the "p" tag is for text -->
<h2>Blog</h2> <!-- the "h2" tag is for a second-level header -->
<p>Knowing that the world was thirsty for new media after months of lockdown, the group sought to release
music as soon as possible, without having to jump through the usual hoops, and wait times of the music
industry. Drawing on their experience as co-founders of DIY label Egg Paper Factory, the band opted to
release these new singles on the newly-minted Gas Money Records, a boutique label spearheaded by
producer and band member Josh Boguski. </p>
<h2>Howie Mandel</h2>
<p>Drinks a lot of eska
</p>
</section>
<section id="myWork" class="section">
<h1>Why do I know this?</h1>
<h2>Deductive logic</h2>
<p>This statement was based on the observation of a trusted friend...</p>
<br> <!-- the "br" tag makes a line break. There are many other ways to do this with CSS as well -->
<img src="img/logo.jpeg" alt="Gas Money logo looks sort of like a sun or a flower"
class="work-Img">
<!-- the "img" tag is for inserting an image. Each image should always have an "alt" for screenreaders -->
<img src="img/cover.jpeg"
alt="An album cover for The Painters' Rain -- a blue and pink orb of energy"
class="work-Img">
<img src="img/cassette.jpeg"
alt="A photo of a cassette with some colourful stickers"
class="work-Img">
</section>
<section id="contact" class="section">
<h1>Contact:</h1>
<p>For all inquiries, please email <a
href="mailto:%[email protected]" target="_blank">[email protected]</a>.</p>
<!-- the "a" tag is for inserting a link. In this case we are inserting a "mailto" link on the email -->
</section>
</main>
<footer>
<!-- the "footer" tag is for content at the bottom of the page -->
<a href="mailto:%[email protected]" target="blank"><img src="img/social-icons/mail.svg" alt="Email"
class="feather"></a>
<a href="https://gasmoneyrecords.bandcamp.com/" target="blank"><img src="img/social-icons/linked-in.svg"
alt="LinkedIn" class="feather"></a>
<a href="https://twitter.com/joshuaboguski/" target="blank"><img src="img/social-icons/twitter.svg" alt="Twitter"
class="feather"></a>
<a href="https://www.facebook.com/gasmoneyrecs/" target="blank"><img src="img/social-icons/facebook.svg"
alt="Facebook" class="feather"></a>
<a href="https://www.instagram.com/gasmoneyrecs/" target="blank"><img src="img/social-icons/instagram.svg"
alt="Instagram" class="feather"></a>
</footer>
</body>
</html>