-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (101 loc) · 6.7 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DevNawal Portfolio </title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Lora:400,700|Roboto+Slab:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="logo">
<img src="./assets/logo.png" alt="logo">
</div>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link">Home</a></li>
<li class="nav__item"><a href="#skills" class="nav__link">My Skills</a></li>
<li class="nav__item"><a href="#about" class="nav__link">About me</a></li>
<li class="nav__item"><a href="#work" class="nav__link">My Work</a></li>
</ul>
</nav>
</header>
<!-- Introduction -->
<section class="intro" id="home">
<h1 class="section__title section__title--intro">
Hi, I am <strong>Nawal</strong>
</h1>
<p class="section__subtitle section__subtitle--intro">full-stack dev</p>
<img src="./assets/profile-pic-min.jpg" alt="a picture of me" class="intro__img">
</section>
<!-- Skills -->
<section class="my-services" id="skills">
<h2 class="section__title section__title--services">Skills</h2>
<div class="services">
<div class="service">
<h3>Languages: </h3>
<p>JavaScript, HTML/CSS, Postgres SQL</p>
</div> <!-- / service -->
<div class="service">
<h3>Technologies/Frameworks:</h3>
<p> React(hooks), Bootstrap, Node.JS</p>
</div> <!-- / service -->
<div class="service">
<h3>Soft Skills: </h3>
<p> Initial exposure to agile, <p>working in a software project team,</p> using Kanban to manage workflows </p>
</div>
<!-- / service -->
</div> <!-- / services -->
<a href="./assets/NawalCV.pdf" download="cv" class="btn instructure_file_link instructure_scribd_file auto_open" title="file.pdf" target="_blank">Resumé</a>
</section>
<!-- About me -->
<section class="about-me" id="about">
<h2 class="section__title section__title--about">Who I am</h2>
<p class="section__subtitle section__subtitle--about">Full Stack developer based in Liverpool</p>
<div class="about-me__body">
<p> I enjoyed some coding back in high school but then life happened ...</p>
<p>My story so far has seen moments of challenge as well as empowerment and perseverance, and through that I have learnt to be resilient and hardworking. I’m a proud single mum of a 20 year old and I enjoy nature walks, cooking and I am an ayurvedic yoga massage practitioner in my spare time. </p>
<p>When I moved to the UK, I volunteered to help a non-profit organisation with their website, using my basic coding skills from high school and the help of Google. My passion for programming was reignited, and I followed a 8 month full stack development course with <a href="https://codeyourfuture.io/" target="_blank">Code Your Future</a>. I am now looking for my first developer role where I can continue to grow as a developer, enhance my craft, and contribute in a meaningful way to a software development team and organisation.</p>
</div>
<img src="./assets/us-min.JPG" alt="Ahmed and I PIC" class="about-me__img">
</section>
<!-- My Work -->
<section class="my-work" id="work">
<h2 class="section__title section__title--work">My work</h2>
<p class="section__subtitle section__subtitle--work ">A selection of my projects</p>
<div class="portfolio">
<!-- Portfolio item 01 -->
<a href="portfolio-item1.html" class="portfolio__item" target="_blank">
<img src="./assets/screenshot-cyf-knowledge-checklist.herokuapp.com-2020.11.29-20_43_59.png" alt="" class="portfolio__img">
</a>
<!-- Portfolio item 02 -->
<a href="https://cyf-nawalc-tv.netlify.app/" class="portfolio__item" target="_blank">
<img src="./assets/screenshot-cyf-nawalc-tv.netlify.app-2020.11.29-21_51_07.png" alt="" class="portfolio__img">
</a>
<!-- Portfolio item 03 -->
<a href="https://cyf-hotel-test1.herokuapp.com/" class="portfolio__item" target="_blank">
<img src="./assets/screenshot-cyf-hotel-test1.herokuapp.com-2020.11.29-21_58_30.png" alt="" class="portfolio__img">
</a>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<!-- replace with your own email address -->
<a href="mailto:[email protected]" class="footer__link" aria-label="email">[email protected]</a>
<ul class="social-list">
<li class="social-list__item">
<a class="social-list__link" href="https://github.com/NawalC" aria-label="github"><i class="fab fa-github" aria-hidden="true"></i>
</a></li>
<li class="social-list__item"><a class="social-list__link" href="https://www.linkedin.com/in/nawalc/" aria-label="linkedin"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
<li class="social-list__item"><a class="social-list__link" href="https://twitter.com/nwalc1" aria-label="twitter"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
</ul>
</footer>
<script src="./js/index.js"></script>
</body>
</html>