-
Notifications
You must be signed in to change notification settings - Fork 0
/
Websitedevelopment.html
145 lines (118 loc) · 6.77 KB
/
Websitedevelopment.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
<!DOCTYPE html>
<html lang="en">
<!---Link to CSS-->
<link rel="stylesheet" type="text/css" href="../Personal.website/mystylesheet.css" media="all" />
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-153108134-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-153108134-1');
</script>
<meta charset="utf-8">
<title>Gemma Druce Personal Website- software development</title>
<meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no">
<!---Link to CSS-->
<link rel="stylesheet" type="text/css" href="../Personal.website/mystylesheet.css" media="all" />
<script src="myjava.js"></script>
</head>
<body>
<header>
<nav>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="../Personal.website/index.html">Home</a>
<a href="https://achanceofcider.wordpress.com/" target="_blank">A Chance of Cider</a>
<a href="../Personal.website/projects.html">Projects</a>
<a href="../Personal.website/Contact.html">Contact</a>
</div>
<span class="menubutton" onclick="openNav()">☰</span>
</nav>
<a href="projects.html">
<div class="backbutton">
<p class="backbuttontext">All Projects</p>
</div>
</a>
</header>
<div class="backgroundscroll">
<div class="backgroundimage7">
<div class="container box">
<h2>Software Development</h2>
</div>
</div>
</div>
<div class="intro">
<p>I was building my WordPress Cider website and found it limited in the styles that I could implement. I
knew what I wanted it to look like, but without an inital background in software development, I was not sure where to start. This outdated blog still sits on wordpress for the moment. Updating my blog is in my list of projects to update as I continue to build my skills, but I am currently having a break from cider blogging whilst I persue my love of software development.</p>
<p>Five months on from completing this site, I have finished a 15 week intensive in software development with Sky and QC. This has further expanded my love of software development where I worked in an agile team and built projects in PHP, JQuery, MySQL and CSS.</p>
<p>I am available for hire. Please don't hesitate to contact me via my social media accounts.</p>
<p>Watch this space for when I publish my new portfolio, which will be in an MVC structure. </p>
</div>
<!-- boxes being added for software development-->
<section class="Grid-for-box">
<div class="recipe-item">
<img class="myImages" id="myImg" src="../Personal.website/images/Website-v2-brackets.JPG"
alt="I looked at loads of examples of websites online and tried to work out what styles would suit my own website">
<h3>First Project: I looked at loads of examples of websites online and tried to work out what
styles would suit my own website</h3>
</div>
<div class="recipe-item">
<img class="myImages" id="myImg" src="../Personal.website/images/Website-v3-brackets.JPG"
alt="Working on some CSS in brackets.">
<h3>First Project: This site was built in HTML, CSS and JavaScript. I also started exploring Ruby on Rails.</h3>
</div>
<div class="recipe-item">
<img class="myImages" id="myImg" src="../Personal.website/images/Website-v3-vsc-home.JPG"
alt="First Project: I used Visual Studio Code, Git and GitHub to manage my version code and share my work with
others">
<h3>First Project: I used Visual Studio Code, Git and GitHub to manage my version code and share my work with
others</h3>
</div>
<div class="recipe-item">
<img class="myImages" id="myImg" src="../Personal.website/images/bootstrap.JPG"
alt="QC Project: I quickly learnt PHP, JQuery and Bootstrap to build a responsive website that looked professional and modern in a team of 3.">
<h3>QC Project: I quickly learnt PHP, JQuery and Bootstrap to build a responsive website that looked professional and modern in a team of 3.</h3>
</div>
<div class="recipe-item">
<img class="myImages" id="myImg" src="../Personal.website/images/functionality.JPG"
alt="QC Project: We stored our database in MySQL and managed our workload using agile methodlogies. Working in GIT became essential.">
<h3>QC Project: We stored our database in MySQL and managed our workload using agile methodlogies. Working in GIT became essential.</h3>
</div>
<div class="recipe-item">
<img class="myImages" id="myImg" src="../Personal.website/images/portfolio.JPG"
alt="I'm in the process of building my new portfolio in PHP, JQuery and MySQL using the MVC structure. Here's a sneak peak.">
<h3>I'm in the process of building my new portfolio in PHP, JQuery and MySQL using the MVC structure. Here's a sneak peak.</h3>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- The Close Button -->
<span class="close">×</span>
<!-- Modal Content (The Image) -->
<img class="modal-content" id="img01">
<!-- Modal Caption (Image Text) -->
<div id="caption"></div>
</div>
</section>
<!-- END OF boxes being added for nailart-->
<footer>
<p>Check out my social media here</p>
<a href="https://www.instagram.com/gemmadruce/?hl=en" target="_blank" title="Instagram">
<img src="../Personal.website/images/social-instagram.jpg" alt="Instagram">
</a>
<a href="https://uk.linkedin.com/in/gemma-druce-7415937b" target="_blank" title="LinkedIn">
<img src="../Personal.website/images/social-linkedin.png" alt="LinkedIn">
</a>
<a href="https://achanceofcider.wordpress.com/" target="_blank" title="Cider Blog on WordPress">
<img src="../Personal.website/images/social-wordpress.jpg" alt="WordPress">
</a>
<a href="https://twitter.com/GemmaDruce" target="_blank" title="Twitter">
<img src="../Personal.website/images/social-twitter.png" alt="Twitter">
</a>
</footer>
<script type="text/javascript" src="myjava.js"></script>
</body>
</html>