-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·140 lines (139 loc) · 5.89 KB
/
index.html
File metadata and controls
executable file
·140 lines (139 loc) · 5.89 KB
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
<!DOCTYPE html>
<html>
<!-- w h e e l s _a n d_ b y t e s -->
<!-- h o m e -->
<head>
<meta charset="utf-8"/>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+SC&display=swap" rel="stylesheet"/>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
<!-- FontAwesome icons :D -->
<script src="https://use.fontawesome.com/8280dcd8f6.js"></script>
<!--Import jQuery before materialize.js-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<!--Import materialize.css-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css" rel="stylesheet"/>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
<!--Let browser know website is optimized for mobile-->
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- le mi custom css -->
<link href="css/custom.css" rel="stylesheet"/>
<!-- Custom Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"/>
</meta></head>
<body class="grey darken-3">
<nav>
<div class="nav-wrapper grey darken-3">
<div class="row">
<div class="col s12 l6">
<a class="brand-logo" href="index.html">[ wheels_and_bytes ]</a>
<a class="button-collapse" data-activates="mobile-demo" href="#"><i class="material-icons">menu</i></a>
</div>
<ul class="right hide-on-med-and-down">
<li><a href="blagger/">Blagger</a></li>
<li><a href="auto/">Auto Stuffs</a></li>
<li><a href="comp/">Comp Stuffs</a></li>
</ul>
<ul class="side-nav grey lighten-3 z-depth-5" id="mobile-demo">
<li><a href="blagger/">Blagger</a></li>
<li><a href="auto/">Auto Stuffs</a></li>
<li><a href="comp/">Comp Stuffs</a></li>
</ul>
</div>
</div>
</nav>
<div class="parallax-container">
<div class="parallax"><img src="https://res.cloudinary.com/du5qvjvrf/image/upload/v1775343293/img/bg/intro-bg.jpg"/></div>
<div class="row center transparent">
<h1 class="lightgrey">［wheels _and_ bytes］</h1>
<p class="flow-text lightgrey">别介意它。。。；）</p>
</div>
<div class="row center">
<div class="col s12 m3 l3" style="padding:4px">
<a class="grey darken-3 z-depth-5 waves-effect waves-light btn-large" href="https://wheelsandbytes.wordpress.com" style="width:202px"><i aria-hidden="true" class="fa fa-wordpress"></i> Blog</a>
</div>
<div class="col s12 m3 l3" style="padding:4px">
<a class="grey darken-3 z-depth-5 waves-effect waves-light btn-large" href="https://github.com/wheelsandbytes" style="width:202px"><i aria-hidden="true" class="fa fa-github"></i> Github</a>
</div>
<div class="col s12 m3 l3" style="padding:4px">
<a class="grey darken-3 z-depth-5 waves-effect waves-light btn-large" href="https://soundcloud.com/sn0wninja" style="width:202px"><i aria-hidden="true" class="fa fa-soundcloud"></i> SoundCloud</a>
</div>
<div class="col s12 m3 l3" style="padding:4px">
<a class="grey darken-3 z-depth-5 waves-effect waves-light btn-large" href="https://www.instagram.com/frozen_timmy/" style="width:202px"><i aria-hidden="true" class="fa fa-instagram"></i> Instagram</a>
</div>
</div>
</div>
<div class="center pinstripe-bg section">
<div class="row">
<div class="col s12 m4">
<div class="card grey lighten-3 z-depth-5">
<div class="card-image">
<img class="materialboxed responsive-img" src="https://res.cloudinary.com/du5qvjvrf/image/upload/v1775343295/img/linux.png" width="auto"/>
<span class="card-title">i play with computers</span>
</div>
<div class="card-content">
<p><a href="comp/win7efi/win7efi.html">Playing around with EFI on the Late-08 MacBook Pro</a> and getting
Windows 7 to boot in EFI was fun. I built a Hackintosh. Oh, and <a href="comp/openemu-ps1/openemu-ps1.html">this Playstation 1 emulator setup</a> brought back lots of
memories.</p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card grey lighten-3 z-depth-5">
<div class="card-image">
<img class="materialboxed responsive-img" src="https://res.cloudinary.com/du5qvjvrf/image/upload/v1775343298/img/my-mgm.jpg" width="auto"/>
<span class="card-title">i play with cars</span>
</div>
<div class="card-content">
<p>Mine happens to be a Mercury grandpa sedan. Cars are quite the hobby. I suggest you don't get into
it...your wallet might start to dislike you...but it's worth it...see the dilemma?</p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card grey lighten-3 z-depth-5">
<div class="card-image">
<img class="materialboxed responsive-img" src="https://res.cloudinary.com/du5qvjvrf/image/upload/v1775343296/img/me.jpg" width="auto"/>
<span class="card-title">about me</span>
</div>
<div class="card-content">
<p>Привет! Меня зовут Тёма.
我的名字是天明。我是俄罗斯人。
私の名前はアルチョームです.
Oops, wrong keyboard. My name is Tim. I'm from Russia, and currently live in the United States.
I blast K-pop in my 日本-style American car.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img src="https://res.cloudinary.com/du5qvjvrf/image/upload/v1775343294/img/bg/mgm-bg.jpg"/></div>
</div>
<footer class="page-footer pinstripe-bg">
<div class="container">
<div class="row">
<div class="col l6 m6 s12">
<h5 class="white-text">[ wheels_and_bytes ]</h5>
</div>
<div class="col l4 offset-l2 m6 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="lightgrey" href="index.html">Home</a></li>
<li><a class="lightgrey" href="#!">Hello</a></li>
<li><a class="lightgrey" href="#!">World</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright grey darken-4">
<div class="container">
© wheelsandbytes 2015-2017. All Rights Reserved
</div>
</div>
</footer>
</body>
<script src="js/scripts.js"></script>
</html>