AlinaW.github.io/fun-stuff.html at master · AlinaW/AlinaW.github.io · GitHub

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
<!DOCTYPE html>

<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Alina Bochkacheva</title>
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<link rel="stylesheet" href="main.css" type="text/css">
		<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
		<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />

		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-54802940-1"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'UA-54802940-1');
		</script>
	</head>

	<body class="project-page">
		<nav class="clearfix">
			<div class="nav-wrapper">
				<a class="home-link" href="index.html">&#171; Go home</a>
				<ul>
					<li><a href="#beer_label">Beer label</a></li>
					<li><a href="#comic">Comic invitation</a></li>
					<li><a href="#sticker">A sticker</a></li>
				</ul>
			</div>
		</nav>

		<section class="slide top-slide" id="beer_label">
			<div class="wrapper">
        <h1 class="title" id="main_intro">
				  Beer Labels
				</h1>

				<p>Home brewing is a very common hobby in the States nowadays. Everyone can give a shot at brewing a beer in a home setting. Once you make a delicious brew, you want to share it with your friends and family. What can be better than sharing a bottle with your own beer label!!!</p>

				<p>All the following label were made for friends and were not for a commercial use.</p>

				<div class="column beer-label">
					<img src="images/cap-corgi-label.jpg" alt="Cap and corgi beer label">
				</div>

				<div class="column beer-label">
					<img src="images/Someday-stout-copy.jpg" alt="Cap and corgi beer label">
				</div>

				<div class="column beer-label">
					<img src="images/honey-I-do.jpg" alt="Honey I do label">
				</div>

				<div class="column beer-label">
					<img src="images/piggoat.jpg" alt="Piggoat label">
				</div>

		</section><!--End Slide 1-->

		<section class="slide clearfix" id="comic">
			<div class="wrapper">
        <h1 class="title" id="main_intro">
				  Wedding invitation comic
				</h1>
				<div class="image-wrapper-left">
					<img src="images/invitation.jpg" alt="Comic wedding invitation">
				</div>
				<p>When you are faced with telling a story of your life, isn't it just better to tell from someone else's perspective? I asked my corgi to describe the journey of mine and my husband from his point of view (very low to the ground point of view I must say).</p>

		</section><!--End Slide 2-->

		<section class="slide clearfix" id="sticker">
			<div class="wrapper">
        <h1 class="title" id="main_intro">
				  Design Jam Sticker
				</h1>
				<div class="image-wrapper-left">
					<img src="images/design-jam.png" alt="Design Jam sticker">
				</div>
				<p>I was contacted by the HCI department of University of Michigan to run a mini design hackathon that they called "Design Jam". I didn't want to show up empty handed! So I decided to make this exciting punny sticker to give away at the event.</p>

			</div>
		</section><!--End Slide 3-->

		<section class="slide">
			<div class="wrapper">
				<p class="attribution">
					Welsh Corgi by Loren Holloway from The Noun Project<br>
					Captain by Simon Child from The Noun Project
				</p>
			</div>
		</section>

		<footer class="contact">
			<h1>Ready to contact?</h1>
			<span>Email me:</span>
			<a href="mailto:alinabochkacheva@gmail.com">alinabochkacheva@gmail.com</a> or connect with me on
			<a href="https://www.linkedin.com/pub/alina-bochkacheva/6a/109/92b" target="_blank">LinkedIn</a>
			<span id="powered">No templates were harmed in creation of this website</span>
		</footer>

	</body>
</html>