-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
130 lines (129 loc) · 6.47 KB
/
index.html
File metadata and controls
130 lines (129 loc) · 6.47 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
<!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>Welcome To Learning Academy</h1>
<h2>Our last session sold out fast. Reserve your seat TODAY!</h2>
<a onclick="initScroll('home-section-a'); return false;" href="#" class="btn">Read More</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>
<!-- home section-a starts here -->
<main id="main">
<section id="home-section-a" class="grid">
<div class="content-wrap">
<h2 class="content-title">Why Train With Us</h2>
<div class="content-text">
<!-- descriprion -->
<p>Learning Academy is a National training provider delivering professional training courses in many locations across the country.
We are driven to coach and mentor candidates, irrespective of their background, to become well respected Business Analysts.</p>
<p>We are exceedingly passionate about what we do and continuously strive to provide outstanding quality and value for our clients.
We coach you, we place you on projects, we guide you through your job application process and we mentor you on the job.
Learning Academy, is run by well respected industry experts with over 30 years of experience combined of
training delivery with FTSE 500 companies.</p>
<h2 class="content-title">In-House Training</h2>
<p>Our in-house training solutions allow you to choose any classroom course of your choice, delivered at a venue of your choice, and by any
method of your choice - offering you the ultimate convenience and value for money. Our onsite courses save you money by training multiple employees
at once, meaning that you can reduce the travel expenses associated with public courses.</p>
<p>Our in-house training can be tailored to your business’s requirements - ensuring premium quality,
applicability, and value for money. Onsite training puts you in control of your employees and allows you to monitor what
they are learning during their training.</p>
<p>Business-specific additions can be added to make your organisation more efficient, streamlined, and more profitable.
We design and develop our courses, and can adapt to your needs. We are the market leaders of on-site
and in-house training with over 10 years' market experience of delivering tailored and quality courses to our valued customers.</p>
</div>
<!-- text to speech section starts here -->
<!-- button to open modal -->
<button id = "modal-btn" class = "btn">Text To Speech</button>
<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">Learning Academy is a National training provider delivering professional training courses in many locations across the country.
We are driven to coach and mentor candidates, irrespective of their background, to become well respected Business Analysts.
We are exceedingly passionate about what we do and continuously strive to provide outstanding quality and value for our clients.
We coach you, we place you on projects, we guide you through your job application process and we mentor you on the job.
Learning Academy, is run by well respected industry experts with over 30 years of experience combined of
training delivery with FTSE 500 companies.</textarea>
<button id="speak" class = "modal-btn">Speak</button>
<button id="stop" class = "modal-btn">Stop</button>
</div>
</div>
</div>
</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>