-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
53 lines (45 loc) · 2.21 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
<!doctype html>
<html lang="en">
<head><!-- start head -->
<meta charset="utf-8">
<title>Contact Me</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet">
</head><!-- close head -->
<body><!-- start body -->
<nav class="main-nav"><!-- start main-nav -->
<ul class="nav"><!-- start nav -->
<li class="name">Ryan Hayes</li>
<li><a href="index.html">Home</a></li>
<li><a href="resume.html">Experience</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- closes nav -->
</nav><!-- closes main-nav -->
<header class="intro intro2"><!-- start header -->
<h1 class="tag name">Need to Contact Me?</h1>
<p class="tag location">Feel Free to Contact me using any of the below methods.</p>
</header><!-- closes header -->
<main class="flex"><!-- start main content -->
<section class="card"><!-- start card -->
<h2>Contact:</h2>
<p>
Cras tristique malesuada massa sit amet consequat. Phasellus mattis lacus ut nisi accumsan, id finibus mi pretium. Sed in dui aliquet, luctus massa at, euismod sem. Duis ut ex ut leo pulvinar laoreet ac ac ipsum. Donec vel arcu vel sapien faucibus sodales.
</p>
</section><!-- closes card -->
<section class="card"><!-- start card -->
<h2>Im Social:</h2>
<p>
Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec lobortis, risus sit amet ullamcorper aliquet, lectus odio imperdiet orci, ut vestibulum purus erat ac metus. Cras scelerisque turpis ut luctus vehicula.
</p>
</section><!-- closes card -->
</main><!-- closes main -->
<footer><!-- start footer -->
<ul>
<li><a href="https://www.linkedin.com/in/ryan-hayes-4622314b/" target="_blank" class="social linkedin">LinkedIn</a></li>
<li><a href="https://github.com/ryan-hayes40" target="_blank" class="social github">Github</a></li>
</ul>
<p class="copyright">Copyright 2023, Ryan Hayes</p>
</footer><!-- closes footer -->
</body>
</html>