-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (92 loc) · 7.41 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/288a4a188a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="index.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="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=Montserrat&family=Space+Mono&display=swap" rel="stylesheet">
<title>FAC application</title>
</head>
<body id="body" class="mode-1" class="mode-2" class="mode-3" >
<nav>
<div class="logo left">
<span class="initials">MB</span>
<span class="fas fa-laptop-code"></span>
</div>
<div class="navlist center">
<ol>
<li><a href="#about-me">01. About Me</a></li>
<li><a href="#why-coding">02. Why Coding?</a></li>
<li><a href="#why-fac">03. Why Founders and Coders?</a></li>
<li><a href="#contact-me">04. Contact Me</a></li>
</ol>
</div>
</nav>
<main>
<section class="intro">
<p class="small-intro">Hello, my name is...</p>
<h1>Miah Elizabeth Bates</h1>
<h2>I'm an aspiring software developer.</h2>
<p class="small-intro">I'm an oncology nurse working in the NHS with hopes of entering the world of tech.</p>
<button id="button-click">Click here to see how indecisive i am!</button>
</section>
<section class="left-info" id="about-me">
<h3>01. About me</h3>
<div class="para-and-carousel">
<div id="about-me-text">
<p>I made the move from Wolverhampton to London six years ago to become a nurse in the big city! For the past three years I’ve have had the honour of caring for patients with complex oncology conditions throughout their cancer journey.</p>
<p>Although I love my job and the patients I never planned this career path as I always dreamed of being a fashion designer when I was younger. My constant desire to make and learn new things has always been pursued in my own time through painting, colouring, drawing (anything which makes mess really). When I’m not covered in paint I’m usually getting around London the best way I know how... on wheels - whether a bike or a pair of rollor-skates! I’ve recently got a new companion ‘Gus' who has not quite got to grips with my modes of transport yet.</p>
</div>
<div class="parent-carousel">
<div class="carousel">
<img id="me" src="images/me.jpg" alt="blonde girl wearing a cycling hat">
<img id="gus" class="carousel-hidden" src="images/gus-2.jpg" alt="brown and white whippet puppy">
<img id="painting" class="carousel-hidden" src="images/painting.jpg" alt="green and pink painting of a women holding a cigarette">
</div>
<div class="icon-click">
<span id="left-arrow" class="fas fa-chevron-left"></span>
<span id="right-arrow" class="fas fa-chevron-right"></span>
</div>
</div>
</div>
</section>
<div class="container-right">
<section class="right-info" id="why-coding">
<h3>02. Why Coding?</h3>
<p>I’ve always had a passion for learning and development. My introduction into coding came from my frustration with the computer systems within the NHS. My journey began on learn.co with a simple HTML/CSS introduction course. I loved the idea of learning about this world I knew nothing about! I then went on to MOSH programming youtube videos - I loved his style of teaching which I could code along with and perform small challenges through his online courses. This is where I fell in love with CSS, the idea of bringing the page to life through design inspired me.</p>
<p>I then took a Code First Girls ‘introduction into web development’ course which introduced me to the basics of javascript and gave me a taster of what it would be like to work in the industry. We worked in small teams to build a group project. Take a sneaky peak at our webpage which we designed for promotion of plants on mental-health and wellbeing (..and I continue to battle against creating a fully functional search bar!).</p>
<img id="toplantz" src="images/toplantz-webpage.jpg">
<p>This collaborative atmosphere confirmed my dream of becoming a software developer and pushed me to apply for FAC - and gave me the motivation to persevere through the tough code war katas!</p>
<p>I would love to pull all of my skills together and improve the future of healthcare as I feel that websites which can facilitate booking appointments will be the future to allow patients to have better access to healthcare. I hope that by utilising these skills I can have a positive impact on both, tech and healthcare communities.</p>
</section>
</div>
<section class="left-info" id="why-fac">
<h3>03. Why Founders and Coders?</h3>
<p>My initial attraction to Founders and Coders was the safe space for learning in which it creates. I have been able to experience this within the discord channel myself, through participating in weekly meet-ups and general discussion. I’ve enjoyed being part of a community who all have a common interest of developing together, where the aim of helping others is encouraged without fear of asking a ‘silly question’. Ultimately, programmers face constant failure before reaching success when working through challenging problems, being able to work in a team and covey your ideas to one another clearly is essential to gaining solutions.</p>
<p>I am a huge supporter of the ethics of this organisation in promotion of diversity and inclusivity amongst applicants - this is something which matches my internal values as I believe being an ally to other communities is a duty of mine which I take seriously.</p>
<p>I feel this community prepares applicants well for the environment of the tech industry through an apprenticeship style approach. I admire the teaching style of pair programming and collaborative learning, as I believe this allows strong understanding and application of concepts. In my current job, I have always been an active member in teaching junior nurses, so the idea of being able to shape future developers in upcoming cohorts excites me and is certainly a challenge in which I would relish. I hope the FAC course will provide me with the foundations for the long and happy career in software development I’ve been dreaming of.</p>
</section>
<div class="container-right">
<section class="right-info" id="contact-me">
<h3>04. Contact Me</h3>
<p>Email me at [email protected]</p>
<p>Alternatively drop me a message in the discord channel!</p>
</section>
</div>
</main>
<footer>
<p>Check out my profiles</p>
<a href="https://www.freecodecamp.org/fcc7b74f664-23ec-4082-a1f6-cd4d8e6ed3d4" target="_blank"><span class="fab fa-free-code-camp"></span></a>
<a href="https://www.codewars.com/users/miahbates" target="_blank"><span><img id="code-wars" src="images/codewars-logo.png"></span></a>
<a href="https://github.com/miahbates" target="_blank"><span class="fab fa-github"></span></a>
<p class="last-para">Made with ❤️ by MEB ©</p>
</footer>
<script src="index.js"></script>
</body>
</html>