-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
160 lines (158 loc) · 7.38 KB
/
about.html
File metadata and controls
160 lines (158 loc) · 7.38 KB
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
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags for responsivness and browser compatiblity -->
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, intial-scale=1.0" />
<title>Learning Academy</title>
<!-- main css file for the styling -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="img/favicon.png">
</head>
<body>
<!-- I have created two navbars, one for mobile which is the default and one for larger screen sizes -->
<div class="nav-bar1">
<div class="nav-bar1-menu">
<div class="nav-bar1-button" onclick="showContent()"></div>
<div id="my-navbar" class="nav-bar1-content">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="courses.html">COURSES</a>
<a href="contact.html">CONTACT</a>
</div>
</div>
</div>
<nav class="nav-bar2">
<ul class="nav-bar2">
<li>
<a href="index.html">HOME</a>
</li>
<li>
<a href="about.html">ABOUT</a>
</li>
<li>
<a href="courses.html">COURSES</a>
</li>
<li>
<a href="contact.html">CONTACT</a>
</li>
</ul>
</nav>
<!-- back to top button used to send the user back to the top of the page -->
<div class="to-top">
<a href="#" onclick="return false;" onmousedown="resetScroller('showcase');">
<img src="img/toTop3.png" alt="">
</a>
</div>
<!-- showcase starts here -->
<!-- slideshow content starts here -->
<section id ="home-section" class="slideShow">
<header id="showcase" class="grid">
<div class="content-wrap">
<h1>About Us</h1>
<h2>Our last session sold out fast. Reserve your seat TODAY!</h2>
<a onclick="initScroll('about-section-a'); return false;" href="#" class="btn">What We Do</a>
</div>
</header>
<!-- I have used layers to help me with the slideshow -->
<div class="layer1"></div>
<div class="layer2"></div>
<div class="layer3"></div>
<div class="layer4"></div>
<div class="layer5"></div>
</section>
<!-- about section-a starts here -->
<main id="main">
<section id="about-section-a" class="grid">
<div class="content-wrap">
<h2 class="content-title">What We Do</h2>
<div class="content-text">
<!-- description -->
<p>Due to overwhelming demand, we have created course packages for Contractors, Business owners and for people who are looking to up skill and get themselves into Business Analysis or Project Management.</p>
<p>We have leading experts on board with over 30 years combined insurance, finance, business analysis and compliance experience.
We are now holding seminars across the country to be able to cater for professionals across the UK. We will coach you and mentor you to become a Business Analyst or Project Manager,
we will place you on projects to gain experience and give you one to one support to develop your skill set. We even offer post job support in order to ensure there is a smooth transition from beginner level to advanced.</p>
<h3>How the projects work?</h3>
<p>We have ongoing projects, where you are guaranteed a placement on the project as an intern in order to be able to apply the theory in practice.</p>
</div>
<!-- text to speech starts here -->
<!-- button to open modal -->
<button id = "modal-btn" class = "btn">Text To Speech</button>
<!-- modal -->
<div id ="my-modal" class="modal">
<div class="modal-content">
<div class="modal-header">
<div class="close">×</div>
<h2>Text To Speech</h2>
</div>
<div class="modal-body">
<textarea name="text" class="modal-textarea">Due to overwhelming demand, we have created course packages for Contractors,
Business owners and for people who are looking to up skill and get themselves into Business Analysis or Project Management.
We have leading experts on board with over 30 years combined insurance, finance, business analysis and compliance experience.
We are now holding seminars across the country to be able to cater for professionals across the UK. We will coach you and
mentor you to become a Business Analyst or Project Manager,
we will place you on projects to gain experience and give you one to one support to develop your skill set.
We even offer post job support in order to ensure there is a smooth transition from beginner level to advanced.</textarea>
<button id="speak" class = "modal-btn">Speak</button>
<button id="stop" class = "modal-btn">Stop</button>
</div>
</div>
</div>
</div>
</section>
<!-- section b starts here -->
<section id="about-section-b" class="grid">
<div class="content-wrap">
<ul>
<li>
<div class="card">
<img src="img/background5.jpeg" alt="">
<div class="card-content">
<h3 class="card-title">GDPR Seminar</h3>
<p>This 2-Day Fast Track EU General Data Protection Regulation (GDPR)
course has been designed to help you learn all the EU GDPR principles and fundamentals, in order to ensure you are fully compliant.</p>
</div>
</div>
</li>
<li>
<div class="card">
<img src="img/background4.jpeg" alt="">
<div class="card-content">
<h3 class="card-title">Financial Crime - AML/KYC</h3>
<p>Anti-Money Laundering (AML) and Know Your Customer (KYC) professionals are in demand as organisations increase their focus on risk prevention.</p>
</div>
</div>
</li>
<li>
<div class="card">
<img src="img/background7.jpeg" alt="">
<div class="card-content">
<h3 class="card-title">Business Analysis Training</h3>
<p>This BCS Foundation Certificate in Business Analysis course teaches trainees to be able to identify issues in systems,
develop effective business strategies, and manage stakeholders.</p>
</div>
</div>
</li>
</ul>
<a href="courses.html" class="btn">Learn More About The Courses We Provide</a>
</div>
</section>
</main>
<!-- footer of the page is here -->
<footer id="main-footer" class="grid">
<div>Copyright © 2017 Learning Academy</div>
<div>Sitemap Created
<a href="https://rameezsajid.github.io/CTEC3905_P15224656/sitemap.xml" target="_blank">Click For Sitemap</a>
</div>
</footer>
<!-- four scripts used, one is used for giving a scrolling effect when clicking on a link in the buttons -->
<!-- the second is used for showing and hiding content in navbar1 -->
<!-- the third is used for opening and closing the modal -->
<!-- the fourth is used for the text to speech function -->
<script src="js/script.js"></script>
<script src="js/scroll.js"></script>
<script src="js/modal.js"></script>
<script src="js/textspeech.js"></script>
</body>
</html>