-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
88 lines (72 loc) · 3.78 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
<!DOCTYPE html>
<head>
<title>Meshach's Portfolio</title>
<meta name="viewport" content="width=device-width" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/styles-mobile.css">
<link rel="stylesheet" href="styles/styles-large-mobile.css">
<link rel="stylesheet" href="styles/styles-tablet.css">
<link rel="stylesheet" href="styles/styles-laptop.css">
<link rel="stylesheet" href="styles/styles-desktop.css">
</head>
<body>
<div class="blur-zone"></div>
<header>
<nav>
<div class="left-header fade-2-5">
<a href="indexccsframework.html"><img src="img/mlogo.jpeg" alt="meshach" id="logo"></a>
</div>
<div class="hamburger-parent">
<div></div>
<div></div>
<div></div>
</div>
<input type="checkbox" class="menu-switch">
<div class="header_links">
<ul class="nav-header fade-2-5">
<li><a href="about.html" class="burger-font-size">about</a></li>
<li><a href="FAQs.html" class="burger-font-size">questions</a></li>
<li><a href="qualifications.html" class="burger-font-size">qualifications</a></li>
<li><a href="contactinfo.html" class="burger-font-size">contact</a></li>
<li><a href="hobbies.html" class="burger-font-size">hobbies</a></li>
</ul>
</div>
</nav>
</header>
<main id="about">
<div class="about-container">
<div class="font-title font-md-title font-lg-title font-xl-title">
<h1 class="mycv-2 about-header">About Me</h1>
</div>
<div class="grid-1 grid-md-2">
<div class="font-medium font-md-medium font-lg-medium">
<p>I am a confident, reliable and trustworthy person who
is willing/able to work hard. I have good communication skills due
to the number of years I have studied drama, a subject that
forces you to have good delivery and confidence in speech.
I am always eager to gain more experience and learn new skills. Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Deserunt nulla enim iure reiciendis
quae quasi repellat inventore magni recusandae exercitationem dolores modi dolore repudiandae,
autem labore explicabo ipsa, itaque tenetur.</p>
</div>
<div class="about-img mx-auto"><img src="img/mesh.jpg.jpg" alt="meshach manzano"></div>
</div>
</main>
<footer>
<ul class="nav-footer fade-2-5">
<li> <a href="copyright.html">copyright</a></li>
<li><a href="privacy_notice.html">privacy notice</a></li>
<li><a href="terms_and_conditions.html">terms and conditions</a></li>
</ul>
</footer>
<script src="js/index.js"></script>
</body>