-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
73 lines (61 loc) · 5.59 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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>Matchcraft</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="style.css" type="text/css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>-->
<script src="script.js"></script>
</head>
<body>
<!--Begin Header Section-->
<header id="header_section">
<div class="game-logo"><a href="index.html"><img src="images/matchcraft_game_logo.png" alt="Minematch game logo" /></a></div>
<div class="links">
<a href="about.html"><button class="minecraft-btn">About</button></a>
<a href="#"><button class="minecraft-btn">Settings</button></a>
</div>
</header>
<!--Close Header Section-->
<main>
<!--Begin Contact Section-->
<section class="contact-section">
<div class="skills-list">
<ul>Skills Needed
<li>HTML5 / CSS3</li>
<li>Javascript</li>
<li>jQuery</li>
<li>more stuff</li>
<li>more stuff</li>
</ul>
</div>
<div class="portfolio"><a href="#">Tim's Portfolio</a></div>
</section>
<!--Close Contact Section-->
<!--Begin Profile Section-->
<section class="profile-section">
<!--Begin Profile Portrait-->
<figure class="left-figure">
<img class="portrait" src="images/ugly_mug.jpg" alt="Me"/>
<figcaption>Me</figcaption>
</figure>
<!--Close Profile Portrait-->
<!--Begin Profile Article-->
<article>
<h1>Stuff about the game</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pellentesque scelerisque diam non interdum. Ut pharetra ipsum felis, eu tristique libero sollicitudin eget. Morbi nec tellus ultrices, fringilla diam nec, rhoncus sem. Cras hendrerit libero nulla, ac vestibulum tortor scelerisque sed. Nullam faucibus, dui non congue convallis, lacus turpis fermentum odio, quis viverra dolor tortor at nunc. Mauris fermentum vestibulum dapibus. Duis ac diam eu est mattis laoreet. Sed mollis lacinia ultricies.</p>
<p>Phasellus et nisi libero. Mauris id neque eu purus auctor convallis. Etiam ornare sodales nisi, eget suscipit diam vehicula tempus. Proin fringilla quis diam in tempor. Sed sed erat felis. Nulla facilisi. Aliquam vitae eros eu metus fringilla commodo. Pellentesque a cursus velit, nec mollis risus. Vestibulum sed nibh posuere felis vestibulum euismod sit amet at mauris. Phasellus eget risus quis libero posuere imperdiet. Integer dui velit, efficitur quis ante euismod, feugiat auctor lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur ut est a felis placerat malesuada at sed arcu. Maecenas non dictum urna. Pellentesque ut porttitor enim.</p>
<p>Donec in justo quis magna tincidunt maximus. Curabitur at varius quam. Cras dolor enim, suscipit at orci vitae, auctor tempus velit. Nullam ac posuere augue, in pretium dolor. Nullam ante diam, auctor vel mauris ut, vestibulum convallis leo. Nulla suscipit dolor vitae molestie ultricies. Vestibulum tincidunt metus mi, ut vestibulum lectus aliquam in. Etiam at varius arcu. Mauris feugiat bibendum enim id volutpat. Cras placerat quam sit amet ex lobortis, non suscipit quam mollis.</p>
<p>Nam vitae urna nec est faucibus iaculis venenatis non nunc. Fusce ipsum est, pulvinar sit amet fermentum quis, porttitor id nibh. Fusce finibus rhoncus arcu non rutrum. Praesent lacus massa, pulvinar at felis sed, blandit tristique augue. Curabitur sollicitudin vestibulum libero, vitae bibendum elit facilisis sed. Proin vestibulum sapien sit amet nibh placerat, id feugiat ligula lacinia. Integer in fringilla ligula. In in ipsum dui. Cras quis purus quis metus convallis tincidunt. Proin condimentum est sed massa mollis congue eget quis purus.</p>
<p>Suspendisse at eros vitae leo viverra vehicula et eget eros. Nullam efficitur arcu eu massa faucibus, non luctus risus ultrices. Proin nisl eros, interdum id placerat nec, sollicitudin non purus. Sed nec sem varius, dictum odio non, ornare nunc. Phasellus libero mauris, auctor at pulvinar ut, ultrices sit amet velit. Suspendisse lorem diam, imperdiet ut sem vel, vulputate interdum dui. Sed nec mollis nisi, eu ullamcorper nulla. Maecenas et arcu tristique, congue tellus at, placerat tortor. Proin vitae ex velit. Vivamus laoreet ullamcorper libero in hendrerit. Mauris vestibulum ante condimentum, lobortis eros quis, commodo dolor. Vestibulum in felis molestie, ornare lacus vel, imperdiet libero. Mauris dignissim augue eros, vitae ultricies erat auctor in. Curabitur vestibulum diam non gravida dignissim.</p>
</article>
<!--Close Profile Article-->
</section>
<!--Close Profile Section-->
</main>
</body>
</html>