-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
158 lines (103 loc) · 6.39 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
158
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- scales the content to display well on mobiles/tablets -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Emma McGlacken Ryan</title>
<!-- Bootstrap and FontAwesome cdn links -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- My CSS -->
<link rel="stylesheet" href="./css/stylesorange.css">
<link rel="stylesheet" href="./css/Homepage.css">
</head>
<body>
<!-- ==== NAV BAR (BOOTSTRAP) ===== -->
<!-- "fixed-top" bootstrap class to fix the nav bar to the top of page.
BUT, remember to add enough padding to the top of the <body> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="./index.html">
<section class = "gap loadanimation">
<img src="./images/Logo-Square.png" class="logo2">
</section>
</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<a class="navbar-brand" href="./index.html"></a>
<ul class="navbar-nav ml-auto">
<div class="padding-left">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
</div>
<div class="padding-left">
<li class="nav-item">
<a class="nav-link active" href="./about.html">About</a>
</li>
</div>
<div class="padding-left">
<li class="nav-item">
<a class="nav-link" href="./Work.html">Work</a>
</li>
</div>
<div class="padding-left">
<li class="nav-item">
<a class="nav-link" href="./Contact.html">Contact</a>
</li>
</div>
</ul>
</div>
</nav>
<!-- ==== END NAV BAR ===== -->
<main>
<body>
<div class="grid-2">
<div class="section-1">
<div class="padding-under">
<section class = "gap loadanimation">
<img src="./images/SMPic-Square2.jpg" class="logo" class="logo">
</div>
<div class="padding-under-and-over">
<h2>About</h2>
</div>
<a href="https://uk.linkedin.com/in/emma-mcglacken-ryan-b22967181"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="./Contact.html"><i class="fas fa-envelope-square fa-2x"></i></a>
<a href="https://github.com/emcglackenr1"><i class="fab fa-github-square fa-2x"></i></a>
</section>
</div>
<div class="section-2">
<div class="padding-under">
<div class="icon-work2"><i class="fas fa-info fa-7x"></i></div>
</div>
<h3>Bio</h3>
<br>
<p>Dara-Emma is a dedicated designer and full-stack developer with a passion for building efficient and accessible software solutions. She has a strong foundation in full-stack development and hands-on experience with various programming languages and technologies. Dara-Emma's expertise in UI/UX design, web development, and database interface design enables her to create intuitive user experiences and robust solutions.</p>
<br>
<br>
<p>As a Programme Manager for CodeYourFuture, she successfully delivered the Scotland full-stack programme and supported global tech projects. Dara-Emma's background in data-driven problem-solving and customer service includes delivering and supporting database projects across Scotland with a focus on accuracy and GDPR compliance. She is known for her problem-solving skills, passion, and organisational and collaborative abilities.</p>
<br>
<br>
<p>Currently, Dara-Emma works as the April AI Hub Administrator at the University of Edinburgh, overseeing daily activities and fostering collaborations between academic and industry partners. She also works independently as a designer. Dara-Emma continually seeks professional development opportunities, studying data, web development, and cognitive behavioural therapy at universities such as Heriot-Watt, The University of the West of Scotland, and The Open University. She is passionate about promoting diversity and inclusion in the tech industry. </p>
</div>
</div>
</main>
</body>
<aside class="aside1">
</aside>
<aside class="aside2">
</aside>
<footer>
<p>© 2020 Emma McGlacken Ryan</p>
</footer>
<!-- Bootstrap needs the these 3 javascript links for things like carousel and modals to work properly.
we also need jQuery for the code for the "scroll to the top" code in scripts.js -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- our custom javascript -->
<script src="./js/scripts.js"></script>
</body>
</html>