-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhomeindex.html
153 lines (106 loc) · 4.74 KB
/
homeindex.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<title>Semester Project</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/0000000000.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
</head>
<!-- Helena Beamish Home Page Semester Project -->
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-expand-md fixed-top">
<div class="container">
<a class="navbar-brand d-none s-sm-inline-block" href="#"></a>
<div class="navbar-nav">
<div class="ml-4"><a class="navspace" href="homeindex.html">Home</a> </div>
<div class="ml-4"><a class="navspace" href="aboutindex.html">About</a> </div>
<div class="ml-4"><a class="navspace" href="contactindex.html">Contact</a> </div>
</div>
<span class="navbar-text d-none d-xl-inline-block"><a href="#home" class="active">Muse Creative</a></span>
</div>
</nav>
</header>
<!-- Jumbotron start-->
<div class="jumbotron jumbotron-fluid">
<h1 class="display-2 mb-4 ml-4 text-white pt-5">Welcome to Muse Creative</h1>
<h2 class="text-white">Lets create, together!</h2>
<p class="text-white">Muse Creative is a local illustration, graphic design and fine art business based out of the Comox Valley that aims to create and be inspired by their customers visions and goals.</p>
<p class="lead">
<a class="btn btn-dark btn-lg jumbobtn px-5" href="contactindex.html" role="button">Contact</a>
</p>
</div>
<!-- Jumbotron end-->
<!-- Services Container start-->
<!-- Services cards-->
<div class="card-deck p-5">
<!-- card1-->
<div class="card" >
<img class="card-img-top" src="images/shirt.jpg" alt="Card image cap">
<div class="card-block">
<h5 class="card-title p-3">Logo & Branding Design</h5>
<p class="card-text">Bring your brand to life, add the flare you know your brand deserves</p>
</div>
</div>
<!-- card2-->
<div class="card">
<img class="card-img-top" src="images/PackagingDesign.jpg" alt="Card image cap">
<img class="card-img-top" src="images/PackagingDesign2.jpg" alt="Card image cap">
<div class="card-block">
<h5 class="card-title p-3">Packaging Design</h5>
<p class="card-text">Make your product stand out from the rest </p>
</div>
</div>
<!-- card4-->
<div class="card">
<img class="card-img-top" src="images/remember.jpg" alt="Card image cap">
<div class="card-block">
<h5 class="card-title p-3">Illustration and cover design</h5>
<p class="card-text">Add illustrations to anything to tell a story or experience</p>
</div>
</div>
<!-- card5-->
<div class="card">
<img class="card-img-top" src="images/sketch.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title p-3">Fine art and Drawing</h5>
<p class="card-text">Have your idea's drawn up with refinement </p>
</div>
</div>
</div><!-- card group end-->
<div class="m-0 c2a-buttons">
<a href="aboutindex.html"><button type="button" class="btn btn-light call2act c2a-buttons" style="width:50%"> Check out Work</button> </a>
<a href="contactindex.html"> <button type="button" class="btn btn-dark call2act c2a-buttons" style="width:50%">Contact</button></a>
</div>
<p class="text-white text-center p-5 mt-5"> Thank You! </p>
<footer>
<div class="col-md-4 footer-column">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="contactindex.html">Contact us</a>
</li>
</ul>
</div>
<div class="row text-center">
<div class="col-md-4 box">
<span class="copyright quick-links">Copyright © Muse Creative <script>document.write(new Date().getFullYear())</script>
</span>
</div>
<div class="col-md-4 box">
<ul class="list-inline quick-links">
<li class="list-inline-item">
<a href="https://www.instagram.com/lenabmusse/"> <strong>Check us out on Instagram!</strong> </a>
</li>
</ul>
</div>
</div>
</footer>
</body>
<script src="js/bootstrap.min.js"></script>
</body>
</html>