-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
38 lines (37 loc) · 4.39 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
<html>
<head>
<title>Bracelets for you!</title>
<link rel="stylesheet" href="business.css">
<link rel="stylesheet" href="media.css">
<meta name='viewport' content="width=device-width, initial scale=1">
</head>
<style type = 'text/css'>
body.about{
text-align: center;
}
.link{
font-size: 30px;
line-height: 75px;
text-align: center;
}
</style>
<body class="about">
<div class="header">
<ul class="text-header">
<li><a href="contact.html">CONTACT</a></li>
<li><a href="services.html">BRACELET SERVICES</a></li>
<li><a href="index.html">ABOUT</a></li>
</ul>
<?xml version="1.0" standalone="no"?>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" id="wave" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 320" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(221, 183, 171, 1)" offset="0%"/><stop stop-color="rgba(221, 183, 171, 1)" offset="100%"/></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,238L48,204C96,170,192,102,288,107.7C384,113,480,193,576,215.3C672,238,768,204,864,170C960,136,1056,102,1152,102C1248,102,1344,136,1440,124.7C1536,113,1632,57,1728,39.7C1824,23,1920,45,2016,68C2112,91,2208,113,2304,130.3C2400,147,2496,159,2592,153C2688,147,2784,125,2880,141.7C2976,159,3072,215,3168,249.3C3264,283,3360,295,3456,272C3552,249,3648,193,3744,164.3C3840,136,3936,136,4032,153C4128,170,4224,204,4320,215.3C4416,227,4512,215,4608,192.7C4704,170,4800,136,4896,147.3C4992,159,5088,215,5184,238C5280,261,5376,249,5472,232.3C5568,215,5664,193,5760,181.3C5856,170,5952,170,6048,170C6144,170,6240,170,6336,141.7C6432,113,6528,57,6624,56.7C6720,57,6816,113,6864,141.7L6912,170L6912,340L6864,340C6816,340,6720,340,6624,340C6528,340,6432,340,6336,340C6240,340,6144,340,6048,340C5952,340,5856,340,5760,340C5664,340,5568,340,5472,340C5376,340,5280,340,5184,340C5088,340,4992,340,4896,340C4800,340,4704,340,4608,340C4512,340,4416,340,4320,340C4224,340,4128,340,4032,340C3936,340,3840,340,3744,340C3648,340,3552,340,3456,340C3360,340,3264,340,3168,340C3072,340,2976,340,2880,340C2784,340,2688,340,2592,340C2496,340,2400,340,2304,340C2208,340,2112,340,2016,340C1920,340,1824,340,1728,340C1632,340,1536,340,1440,340C1344,340,1248,340,1152,340C1056,340,960,340,864,340C768,340,672,340,576,340C480,340,384,340,288,340C192,340,96,340,48,340L0,340Z"/><defs><linearGradient id="sw-gradient-1" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(239, 217, 209, 1)" offset="0%"/><stop stop-color="rgba(239, 217, 209, 1)" offset="100%"/></linearGradient></defs><path style="transform:translate(0, 50px); opacity:0.9" fill="url(#sw-gradient-1)" d="M0,136L48,153C96,170,192,204,288,187C384,170,480,102,576,107.7C672,113,768,193,864,215.3C960,238,1056,204,1152,181.3C1248,159,1344,147,1440,141.7C1536,136,1632,136,1728,124.7C1824,113,1920,91,2016,107.7C2112,125,2208,181,2304,170C2400,159,2496,79,2592,39.7C2688,0,2784,0,2880,51C2976,102,3072,204,3168,249.3C3264,295,3360,283,3456,249.3C3552,215,3648,159,3744,164.3C3840,170,3936,238,4032,272C4128,306,4224,306,4320,306C4416,306,4512,306,4608,306C4704,306,4800,306,4896,294.7C4992,283,5088,261,5184,238C5280,215,5376,193,5472,175.7C5568,159,5664,147,5760,124.7C5856,102,5952,68,6048,68C6144,68,6240,102,6336,113.3C6432,125,6528,113,6624,90.7C6720,68,6816,34,6864,17L6912,0L6912,340L6864,340C6816,340,6720,340,6624,340C6528,340,6432,340,6336,340C6240,340,6144,340,6048,340C5952,340,5856,340,5760,340C5664,340,5568,340,5472,340C5376,340,5280,340,5184,340C5088,340,4992,340,4896,340C4800,340,4704,340,4608,340C4512,340,4416,340,4320,340C4224,340,4128,340,4032,340C3936,340,3840,340,3744,340C3648,340,3552,340,3456,340C3360,340,3264,340,3168,340C3072,340,2976,340,2880,340C2784,340,2688,340,2592,340C2496,340,2400,340,2304,340C2208,340,2112,340,2016,340C1920,340,1824,340,1728,340C1632,340,1536,340,1440,340C1344,340,1248,340,1152,340C1056,340,960,340,864,340C768,340,672,340,576,340C480,340,384,340,288,340C192,340,96,340,48,340L0,340Z"/></svg>
</div>
<div class="bottom">
<h1>BRACELET MAKER</h1>
<p>Custom-made, quality seed bead bracelets at low prices.</p>
<p>Bracelet maker was founded in 2020 in Boston, MA. The goal is to make bracelets more accessible to people to purchase.</p>
</div>
</body>
<footer>
<div class="footer"><span><a class="link" href="url">Order here!</a></span></div>
</footer>
</html>