forked from Sweetchips/Personal-DM
-
Notifications
You must be signed in to change notification settings - Fork 0
/
AboutMe.html
101 lines (91 loc) · 4.63 KB
/
AboutMe.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
<!DOCTYPE html>
<html>
<head>
<title>About Me</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./styles.css">
</head>
<body class="w3-light-grey">
<!-- Jumbotron Container for Header -->
<nav class="navbar navbar-inverse george-was-here">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Personal DM</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="http://personaldm.com/campaigns.html">Campaigns</a></li>
<li><a href="http://personaldm.com/WhatIsACampaign.html">What is a Campaign?</a></li>
<li><a href="http://personaldm.com/AboutMe.html">About me</a></li>
<li><a href="http://personaldm.com/Blog.html">Blog</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://personaldm.com/Donate.html">Donate</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Header -->
<header class="w3-container w3-center w3-padding-32 nav-padding">
<h1><b>About Me</b></h1>
<p>The Man Behind The Madness</p>
</header>
<!-- Grid -->
<div class="w3-row">
<!-- Blog entries -->
<div class="w3-col 19 s12">
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<img src="images/Photos/Paul1.jpg" alt="Paul1" style="width:75%">
<div class="w3-container">
<h1><b>Dungeon Master Extraordinaire!</b></h1>
<h2>No seriously, I've been doing this crap since I was like 6.</h2>
</div>
</div>
<div class="w3-card-4 w3-margin w3-white">
<div class="w3-container">
<h5>I am a 25 year old aspiring novelist and avid tabletop game player. I have been playing Dungeons and Dragons since about the third grade and I don’t intend on stopping anytime soon!</h5>
<img src="images/Photos/Paul2.png" alt="Paul2" style="width:80%">
</div>
<div class="w3-container">
<h5>I live in Burlington, VT with some of my best friends and have a pretty active life of work and fun. In my free time and days off I enjoy playing video games, cooking, going for runs, watching movies and reading a good book. This website is a baby born from nights of watching tv with pen, paper and dice in hand. I’m a creative and no matter what I’m doing in my life, I’m always coming up with stories, characters and settings. Translating those stories into D&D has been an incredibly fulfilling hobby to me and has given fun to many people around me. My life hasn’t been easy to get to this point, but if it weren’t for games like these I’m not sure I’d have made it.</h5>
</div>
</div>
<div class="w3-card-4 w3-margin w3-white">
<figure>
<img src="images/Photos/PaulGroup.jpg" alt="Paul Group" style="width:75%">
<figcaption>(That's me in the bed after a long nap. We take annual D&D trips, so you know we're serious!)</figcaption>
</figure>
<div class="w3-container">
<h5>So sit back, download some of these campaigns and take a personal day to play D&D with your friends. You’ve earned it!</h5>
</div>
</div>
<div class="w3-row">
<div class="w3-col m8 s12">
</div>
<div class="w3-col m4 w3-hide-small">
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top">
<p>Created by Paul Clapps</p>
<p>pclapps@personaldm.com</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>