-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
100 lines (99 loc) · 3.95 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Arthan Uthyl About Page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style type="text/css">
.jumbotron {
background-image: url('images/Capa.png');
background-color: gray;
color: White;
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
text-align: center;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
h2 {
font-family: Century Gothic, sans-serif;
}
.btn-success{
background: gray;
border-color: gray;
}
.btn-success:hover {
background: darkgray;
border-color: darkgray;
}
.About {
text-align: center;
}
body {
background-image:url(images/background.jpg);
}
</style>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<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="index.html">Arthan Uthyl</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="About.html">About</a></li>
<li><a href="index.html">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">The Setting<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="time.html">Time</a></li>
<li><a href="history.html">History</a></li>
<li><a href="geography.html">Geography</a></li>
<li><a href="placesofwonder.html">Places of Wonder</a></li>
<li><a href="nations.html">Nations</a></li>
<li><a href="religion.html">Religion</a></li>
<li><a href="classes.html">Classes</a></li>
<li><a href="orders.html">Orders</a></li>
<li><a href="personofinterest.html">Person of Interest</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<div class="container">
<div class="jumbotron">
<h1>Arthan Uthyl</h1>
<p>A Pathfinder Campaign Setting</p>
</div>
<div class="About">
<h2>Contact</h2>
<p>Interested in making part of this world? I'm always open to new ideas. The world of Arthan Uthyl has been shaped many times by the people who lived it. You can contact me throught the following channels:</p>
</div>
<div class="row">
<div class="col-sm-12">
<footer>
<p>© Copyright 2016 Arthan Uthyl/ Site Made by Eurico Teles</p>
</footer>
</div>
</div>
</div>
</body>
</html>