kattsukuda.github.io/index.html at master · KatTsukuda/kattsukuda.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
<!DOCTYPE html>
<html>
<head>
    <title>Kat's Portfolio</title>
    <!-- meta -->
    <meta charset="utf-8" />
    <meta name="description" content="Personal Site">
    <meta name="author" content="GA Student">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <!-- mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- styles -->
    <link rel="stylesheet" type="text/css" href="vendor/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="assets/css/main.css">
    <link rel="stylesheet" type="text/css" href="assets/css/slider.css"
    <!-- fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300i,400,700,800" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
    <!-- scripts -->
    <script type="text/javascript" src="assets/js/app.js"></script>
    <!-- favicon -->
    <link rel="icon" type="image/png" href="assets/imgs/favicon.png">
</head>
<body>
    <header>
        <div id="page-wrapper">
            <div class="hero">
                <img class="name-header" src="assets/imgs/name-header_img" type="image/png" alt="Kat Tsukuda">
                <p class="subheader">digital strategist . graphic designer . analyst</p>
                <img class="avatar" class="clearfix" src="https://cdn-images-1.medium.com/fit/c/200/200/0*bnE5T1ESvkb6dfpV.jpg" alt="Profile Picture">

            </div>
    </header>
<nav id="navbar">
    <a href="https://bearheartsbat.wordpress.com/">blog</a>
    <a href="https://github.com/KatTsukuda">github</a>
    <a href="https://twitter.com/LeMurierNoir">twitter</a>
    <a href="https://medium.com/@LeMurierNoir">medium</a>
    <a href="https://www.linkedin.com/in/ktsukuda">linkedin</a>
</nav>

<content>
    <h2>About</h2>
        <p>Salut! Welcome to my portfolio for <strong>General Assembly Web Development Immersive</strong>.</p>
        <p>I'm Kat, a digital strategist, dabbler of graphic design, and most importantly &ndash; an avid oatmeal lover currently living in San Francisco, CA.</p>
        <!-- <img class="gummybear-gif" src="https://bearheartsbat.files.wordpress.com/2016/06/goldenbouncygummybear.gif?w=1208"> -->

    <h2>projects</h2>
        <p>Stay up-to-date with all my projects as I dive deep into the world of engineering!<a href="https://github.com/KatTsukuda"><img class="github-icon" src="assets/imgs/Github.png" alt="github icon"></a></p>

        <div class="slider-container">

            <div class="my-projects fade">
                    <h4>Project 1</h4>
                        <img class="tiles" src="assets/imgs/grumpybear-tile.png" alt="grumpy bear">
                        <div class="about-project">
                            <strong>Title:</strong> Grumpy Bear<br>
                            <strong>Description:</strong> A version of me, if I were a bear. This is part of my Bat Hearts Bear project.
                        </div>
            </div>

            <div class="my-projects fade">

                    <h4>Project 2</h4>
                    <img class="tiles" src="assets/imgs/bat.jpg" alt="bat">
                    <div class="about-project">
                        <strong>Title:</strong> Bat Bat<br>
                        <strong>Description:</strong> A mixed media project of my best friend as a bat.
                    </div>
            </div>

            <div class="my-projects fade">

                    <h4>Project 3</h4>
                    <img class="tiles" src="assets/imgs/bananamonkey-tile.png" alt="banana monkey">
                    <div class="about-project">
                        <strong>Title:</strong> Monkey<br>
                        <strong>Description:</strong> A graphic of a starfish or banana monkey based on my stuffed animal monkey, Socrates.
                    </div>
            </div>

        </div>
        <br>

            <div style="text-align:center">
                 <span class="dot" onclick="currentSlide(1)"></span>
                 <span class="dot" onclick="currentSlide(2)"></span>
                 <span class="dot" onclick="currentSlide(3)"></span>
            </div>

        <h2>say hello!</h2>
            <p>Got questions? <a href="mailto:bearheartsbat@gmail.com">Send me a holla...</a></p><br>
</content>
<footer class="clearfix">
    <div>Copyright 2017 Kat Tsukuda</div>
</footer>
</body>
</html>