-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathskyline.html
65 lines (59 loc) · 4.28 KB
/
skyline.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stephen Chisa - Skyline Bracelets</title>
<meta name="description" content="Details about the Skyline Bracelets project from Real Products, Real Markets at Olin College">
<meta name="author" content="Stephen Chisa">
<link rel="stylesheet" href="style/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicon/manifest.json">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#1b8d35">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<meta name=viewport content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container">
<header>
<h1>Skyline Bracelets</h1>
<nav>
<ul>
<li><a href="index.html">About</a></li>
<li><a href="pm.html">Product</a></li>
<li><a href="art.html">Art</a></li>
<li><a href="https://www.dropbox.com/scl/fi/gizx336urc6ylm9gm2yif/StephenChisaResume2024.pdf?rlkey=thdigei25mychamg96tvd00rx&dl=0" target="_blank" rel="noopener noreferrer">Resume<span class="sr-only"> (opens in a new tab)</span></a></li>
</ul>
</nav>
</header>
<main>
<section>
<p>This project was part of the class Real Products, Real Markets at Olin College of Engineering. The requirement for the project was that the product had to be chemically etched into metal. We used Adobe Illustrator to create our designs.</p>
<img src="style/images/bracelet.jpg" alt="Chicago skyline bracelet" class="responsive-image">
<p>Our product was a line of bracelets with city skylines on them. Our goal was to help people build their connection to places they love by offering major cities. We also allowed people to place customized orders for other cities. We expanded into creating bracelets for different groups on and off campus.</p>
<h2>Process</h2>
<p>When we had a design we liked, we used a vinyl cutter to see how it looked on paper. After we made sure our design worked, we compiled a sheet with all of the ordered bracelets. This file was then sent to a company to chemically metal etch the bracelets.</p>
<p>You can also check out our <a href="https://www.facebook.com/chisahuang?fref=ts" target="_blank" rel="noopener noreferrer">Facebook page<span class="sr-only"> (opens in a new tab)</span></a> for more photos.</p>
</section>
</main>
<footer>
<a href="https://www.linkedin.com/pub/stephen-chisa/12/898/297" target="_blank" rel="noopener noreferrer" class="linkedin-link">Find me on LinkedIn<span class="sr-only"> (opens in a new tab)</span></a>
</footer>
</div>
</body>
</html>