-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFAQ.html
151 lines (139 loc) · 5.76 KB
/
FAQ.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FAQs</title>
<!--css files start here-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/new_style.css">
<link rel="stylesheet" href="css/new_faq.css">
<!--css files end here-->
<!-- jQuery starts here (required for Bootstrap to work) -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="js/jquery.media.js" type="text/javascript"></script>
<!--jQuery files end here-->
<!-- JavaScript files start here-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!--JavaScript files end here-->
<!--Tooltips jQuery start here-->
<script>
$(function () {
$('#date').tooltip();
});
</script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
<script>
$(function () {
$('#work').tooltip();
});
</script>
<!--Tooltips jQuery end-->
</head>
<body class="body">
<header class="main-header">
<content class="main-header-image-text">
<h1>FAQs</h1>
<p>Got a question? Check out common questions below</p>
</content>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</span></a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="work.html">Work</a></li>
<li class="active"><a href="#FAQ">FAQ</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!--<img src="img/Optimized-question-mark-463497_1920.jpg">-->
</header>
<div class="mainContent">
<div class="content">
<article class="topContent">
<div class="panel-group" id="FAQ-accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-plus"></span>
Why did you get into Web Development?
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
It was time for a change; although I was successful in my previous career it wasn't for me. Web development is a much better fit; it is challenging but enjoyable and is a career that I can see myself excelling in, whilst also giving me the opportunity to progress and specialise.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-plus"></span>
What qualifications do you have?
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
- Web Development - <b>Career Foundry</b> [2016] </br>
- Masters Degree in Business Management and Marketing - <b>University of East Anglia</b> [2011] </br>
- Bachelors Degree in History - <b>University of East Anglia</b> [2010] </br>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><span class="glyphicon glyphicon-plus"></span>
What role are you looking for?
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
Front End Web Developer role, ideally at a company based in Birmingham, England and build on the skills and experience I have gained whilst training with a view to progressing to more senior positions.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"><span class="glyphicon glyphicon-plus"></span>
Why should you hire me?
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
I'm hard working, eager to learn and being a career changer, I bring diverse skills and a determination to succeed. <a href="about.html#more_about_me">Click here to check out my CV</a>
</div>
</div>
</div>
</div><!--panel-group end-->
</article>
</div>
</div>
<footer class="mainFooter">
<p>© 2016 <a href="www.chrisjoiner.co.uk">chrisjoiner.co.uk</a></p>
</footer>
</body>
</html>