This repository has been archived by the owner on Oct 22, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·157 lines (121 loc) · 4.96 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!Doctype html>
<html>
<head>
<title> about me page - About me </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<header>
<!--- this is my logo -->
<img src="images/logo.gif" width="15%" height="15%" alt="Coding Logo" />
<!--this is the end of my logo-->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- Full-screen menu overlay -->
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<li> <a href="index.html"> Home </a> </li>
<li> <a href="about.html"> About </a> </li>
<li> <a href="Skills.html"> Skills </a> </li>
<li> <a href="contact.html"> Contact Us </a> </li>
<li> <a href="hobbies.html"> Hobbies </a> </li>
</div>
</div>
<!-- Button to open the full-screen menu overlay -->
<button class="open-button" onclick="openNav()">Open Menu → </button>
<script>
function openNav() {
document.getElementById("myNav").style.width = "100%";
}
function closeNav() {
document.getElementById("myNav").style.width = "0%";
}
</script>
</header>
<main>
<center>
<div class="Coding banner">
<h1> About me page </h1>
<marquee behavior="Slide" direction="left" bgcolor="05FCF4" scrollamount="25" loop="1000"> Welcome to my
website </marquee>
<img src="images/CodingBanner.gif" width="75%" height="20%" alt="Coding banner" />
</div>
<br>
<a name="top"> </a>
<a href="#footer"> Go to the bottom </a>
<br>
<div class="flip-box">
<div class="flip-box-inner">
<div class="flip-box-front">
<img src="images/CodingimageHobbiesPage.png" alt="Programing" style="width:300px;height:200px">
</div>
<div class="flip-box-back">
<h2>Programming</h2>
<p>Flip Box with a programming image</p>
</div>
</div>
</div>
<div class="layout" id="layout-skills">
<br>
<h2> who am I? </h2></br>
<br>
<p>
An accomplished Software Student who is passionate about computer software. Versed in multiple programming
Languages and developing frameworks which will help complete the tasks required. A complex problem solver
with an analytical driven mindset. dedicated to achieving demanding development objectives according to
tight schedules while producing impeccable codes. A reliable employee seeking any software sector
position, offering excellent communication and good judgment, who seeks out opportunities to expand skills
and improve designs.
</p>
<br>
<br>
<h2> The challenges I need to overcome when building this website </h2> </br>
<br>
<p>
The challenges that I had to overcome when building this website was fixing bugs like I mistyped a code
for the 3D flip which ment that the 3D effect wasn't working as it would just flip insantly. I checked the
code. I also researched to make sure that I was correct and it turned our with my research, I realised
that I was also missing a bit of code and put in that part of the code to fix it then it worked correctly
like I wanted it to do. Another challenge that I had to overcome was choosing the right background for the
requirements as I was planning to using a plan black background before I chosen this star background.The
reason why I chosen this background was to make the website more visually entertaining instead of having a
boring black background.
</p>
<br>
<br>
<h2>Qualifications part 1</h2>
<h2> Future Skills College</h2>
<div class="listdiv">
<ul>
<li>September 2020 – June 2022</li>
<br>
<li>Software Level 3 (DDD) Expected</li>
<br>
<li> GCSEs: English Language (Grade 4) </li>
<br>
<li>Software Level 2 (D*)</li>
</ul>
</div>
<h2> Qualifications part 2</h2>
<div class="listdiv">
<h2>Sharples High School</h2>
<ul>
<li>September 2015- June 2020</li>
<br>
<li>GCSEs: Maths (Grade 4)</li>
<br>
<li>GCSEs: Combined Science (grade 4/4):</li>
<br>
<li>GCSEs: Drama (Pass)</li>
</ul>
</div>
</div>
<a href='#top'> Go back to the top</a>
<footer id="footer"></footer>
<br>
</center>
</main>
</body>