forked from haideralipunjabi/youtuber-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
123 lines (96 loc) · 4.94 KB
/
about.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
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
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="mr_quackers.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About | Will M</title>
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="assets/css/tabs.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- Bulma Version 0.6.0 -->
<link rel="stylesheet" href="assets/css/bulma.min.css" />
<style type="text/css">
html,body {
font-family: 'Open Sans';
}
hr {width: 65%}
</style>
</head>
<body>
<div class="hero-head" id="navbar-container">
</div>
<section class="section is-fullheight is-default is-bold ">
<div class="container is-fluid">
<section class="section">
<div class="container">
<h1 class="title has-text-centered">About Me</h1>
<div class="columns is-centered">
<div class="column is-8">
<div style="float: left; width: 20%; padding-right: 10px;">
<img style="border-radius: 50px" src="assets/selfie.png" alt="selfie" >
</div>
<div class="column">
<strong>Hi, my name is Will McCrudden!</strong> I'm a teenager that was born on October 25th in South Carolina <i>(send help its so hot over here)</i>.
<center><hr></center>
I love coding and everything about it! I'm most familiar with HTML, JavaScript, Node.JS, and CSS, but I'm never afraid to learn something new.
I have a couple of GitHub projects that you can check out on my <a title="@whasonyt" href="https://github.com/whasonyt">GitHub profile</a>.
<center><hr></center>
I'm a freelancer also! If you want me to help you with a website, discord.js bot, or something else, please <a title="[email protected]" href="mailto:[email protected]">email me</a>!
I have the cheapest prices and best service you'll ever see! I'll always ask you for your budget if you can't cover the estimated cost.
Also, you pay after the work is completed and up to your own standards!
</div>
</div>
</div>
<div class="pricing" style="text-align: center !important">
<center><hr style="width: 80%"></center>
<span style="font-size: 35px">Services I Offer</span>
<br>
<span>For more than just programming/coding, check out my <a title="@willmccrudden" href="//fiverr.com/willmccrudden">official Fiverr profile</a>.<br>If you see something
you're interested in, <a href="mailto:[email protected]">email me</a> with some information.</span>
<center>
<div class="accordion">
<style>.taba {color: #7289DA !important; text-decoration: underline;}</style>
<center><input class="tab-toggle" type="radio" name="my_radio_group" id="tab_one" />
<label for="tab_one">
<span class="tab-title">Websites</span>
<div style="line-height: normal;" class="tab" id="tab_one_wrapper">
Have an awesome website idea in mind, but just don't know where to start? I can design many kinds of sites.
My site projects include <a class="taba" href="#">willm.xyz</a>, <a class="taba" href="//shopwhas.com">shopwhas.com</a>
and <a class="taba" href="http://web.archive.org/web/20190726162651/https://bisoga.xyz/">bisoga.xyz</a>.
</div>
</label>
<input class="tab-toggle" type="radio" name="my_radio_group" id="tab_two"/>
<label for="tab_two">
<span class="tab-title">Discord.js</span>
<div style="line-height: normal;" class="tab" id="tab_two_wrapper">
Want to build an awesome Discord bot in the Node.js language? Well, you're in luck! I've worked with bots like <a class="taba" href="//advaithbot.xyz">AdvaithBot</a>,
<a class="taba" href="https://top.gg/bot/470958333252075524">BeepBot</a>, and <a class="taba" href="https://top.gg/bot/428693499181793292">Willinator 2000</a>.
</div>
</label>
<input class="tab-toggle" type="radio" name="my_radio_group" id="tab_three" />
<label for="tab_three">
<span class="tab-title">Coding Help</span>
<div style="line-height: normal;" class="tab" id="tab_three_wrapper">
Need some general coding help? Just <a style="color: white; text-decoration: underline" href="mailto:[email protected]">email me</a> if you're having problems with
HTML or CSS code.
</div>
</label>
</center>
</div>
</center>
</div>
</div>
</section>
</div>
<br><br><br><br>
</section>
<div class="hero-foot" id="footer-container">
</div>
<script src="assets/js/jquery-3.2.1.min.js" charset="utf-8"></script>
<script src="assets/js/bulma.js" charset="utf-8"></script>
<script src="assets/js/main.js" charset="utf-8"></script>
<script src="assets/js/videos.js" charset="utf-8"></script>
</body>
</html>