vngo408.github.io/index.html at master · viktries/vngo408.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
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
154
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>Victor's Homebase</title>
    <link rel="shortcut icon" href="images/vi.png" type="image/png">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.grey-pink.min.css" />
    <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <script src="toggle.js"></script>
    <script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</head>
<body onload="document.getElementById('resume').src='https://drive.google.com/file/d/0B0Ldggka58F4dlJ5dC1VcUJXMGM/preview'">
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
        <header class="mdl-layout__header mdl-layout__header--waterfall portfolio-header">
            <div class="mdl-layout__header-row portfolio-logo-row">
                <span class="mdl-layout__title">
                    <div class="portfolio-logo"></div>
                    <span class="mdl-layout__title">Hi I'm Victor. I love fitness, food, and spending time with family and friends. </span>
                </span>
            </div>
            <div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
                <nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
                    <a class="mdl-navigation__link is-active" id="home-link" onclick="toggle('home');">Projects</a>
                    <a class="mdl-navigation__link" id="resume-link" onclick="toggle('resume');">Resume</a>
                    <a class="mdl-navigation__link" id="contact-link" onclick="toggle('contact');">Contact</a>
                </nav>
            </div>
        </header>
        <div class="mdl-layout__drawer mdl-layout--small-screen-only">
            <nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
                <a class="mdl-navigation__link is-active" id="home-link" onclick="toggle('home');">Projects</a>
                <a class="mdl-navigation__link" id="resume-link" onclick="toggle('resume');">Resume</a>
                <a class="mdl-navigation__link" id="contact-link" onclick="toggle('contact');">Contact</a>
            </nav>
        </div>

        <main class="mdl-layout__content">

            <div class="tab" id="home-tab">
                <div class="mdl-grid portfolio-max-width tab-pane">
                    <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card">
                        <div class="mdl-card__media">
                            <img class="article-image" src=" images/bm.jpg" border="0" alt="">
                        </div>
                        <div class="mdl-card__title">
                            <h2 class="mdl-card__title-text">Berkeley Mobile</h2>
                        </div>
                        <div class="mdl-card__supporting-text">
                            <a href="https://play.google.com/store/apps/details?id=com.asuc.asucmobile&hl=en">Google Play Store</a>
                            <br>
                            <br>
                            Library and gym information.
                            Dining hall menus.
                            Campus resources and points of interest.
                            All in one place for the busy Berkeley student.
                        </div>
                        <div class="mdl-card__actions mdl-card--border">
                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="https://www.youtube.com/embed/xQUa9UU_EQA">Watch Demo</a>
                        </div>
                    </div>
                </div>/
            <footer class="mdl-mini-footer">
                <div class="mdl-mini-footer__left-section">
                    <a href="https://www.facebook.com/VBLXN">
                        <button class="mdl-mini-footer--social-btn social-btn social-btn__blogger">
                          <span class="visuallyhidden">Facebook</span>
                        </button>
                    </a>
                    <a href="https://www.linkedin.com/in/vblxn">
                        <button class="mdl-mini-footer--social-btn social-btn social-btn__linkedin">
                          <span class="visuallyhidden">LinkedIn</span>
                        </button>
                    </a>
                    <a href="https://github.com/vngo408">
                        <button class="mdl-mini-footer--social-btn social-btn social-btn__github">
                          <span class="visuallyhidden">GitHub</span>
                        </button>
                    </a>
                </div>
                <div class="mdl-mini-footer__right-section">
                    <ul class="mdl-mini-footer__link-list">
                        <li>Last Revision: 12/14/2017</li>
                    </ul>
                </div>
            </footer>
            </div>

            <div class="tab hidden" id="contact-tab">
                <div class="mdl-grid portfolio-max-width portfolio-contact">
                    <div class="mdl-cell mdl-cell--12-col mdl-card mdl-shadow--4dp">
                        <div class="mdl-card__title">
                            <h2 class="mdl-card__title-text">Feel free to shoot me an email!</h2>
                        </div>
                        <div class="mdl-card__supporting-text">
                            <form action="https://formspree.io/vngo408@gmail.com" method="POST" class="">
                                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                    <input class="mdl-textfield__input" pattern="[A-Z,a-z, ]*" type="text" id="Name" name="name">
                                    <label class="mdl-textfield__label" for="Name">Name...</label>
                                    <span class="mdl-textfield__error">Letters and spaces only</span>
                                </div>
                                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                    <input class="mdl-textfield__input" type="text" id="Email" name="email">
                                    <label class="mdl-textfield__label" for="Email">Email...</label>
                                </div>
                                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                    <textarea class="mdl-textfield__input" type="text" rows="5" id="note" name="text"></textarea>
                                    <label class="mdl-textfield__label" for="note">Enter note</label>
                                </div>
                                <p>
                                    <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" type="submit">
                                        Submit
                                    </button>
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
            <footer class="mdl-mini-footer">
                <div class="mdl-mini-footer__left-section">
                    <a href="https://www.facebook.com/VBLXN">
                        <button class="mdl-mini-footer--social-btn social-btn social-btn__blogger">
                          <span class="visuallyhidden">Facebook</span>
                        </button>
                    </a>
                    <a href="https://www.linkedin.com/in/vblxn">
                        <button class="mdl-mini-footer--social-btn social-btn social-btn__linkedin">
                          <span class="visuallyhidden">LinkedIn</span>
                        </button>
                    </a>
                    <a href="https://github.com/viktries">
                        <button class="mdl-mini-footer--social-btn social-btn social-btn__github">
                          <span class="visuallyhidden">GitHub</span>
                        </button>
                    </a>
                </div>
                <div class="mdl-mini-footer__right-section">
                    <ul class="mdl-mini-footer__link-list">
                        <li>Last Revision: Jan 2021</li>
                    </ul>
                </div>
            </footer>
            </div>

            <div class="tab hidden" id="resume-tab">
                <iframe id="resume" height="1280"/>
            </div>
        </main>
    </div>
</body>
</html>