-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathperspective.html
183 lines (165 loc) · 10.2 KB
/
perspective.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="description" content="Little Strings Homepage">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/2e8f9e537f.js" crossorigin="anonymous"></script>
<!-- My Styling -->
<link rel="stylesheet" href="./assets/css/styles.css">
<title>MM | Perspective</title>
</head>
<body>
<!-- Header -->
<div id="wrap">
<main id="main" class="perspective-background">
<header>
<div id="logo-box" class="col-12 d-flex bg-blue">
<div class="col-4 col-inv"></div>
<!-- Logo -->
<div class="col-4">
<a class="d-inline d-md-inline-flex" href="index.html" aria-label="Home">
<img id="logo" src="./assets/images/logo.webp" alt="Marvelous Manufacturing Logo">
</a>
</div>
<div id="header-message" class="col-8 d-flex align-items-center">
<p class="hm-p mb-0">Inspiring young people of today, to be the manufacturers of tomorrow</p>
</div>
</div>
<nav class="navbar navbar-expand-md navbar-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse flex-column flex-wrap align-content-center" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto align-items-center">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<p class="mb-1 dashes"> | </p>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<p class="mb-1 dashes"> | </p>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Manufacturers
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="business-engagement.html">Business Engagement</a>
<a class="dropdown-item" href="festivals.html">Manufacturing Festivals</a>
<a class="dropdown-item d-inline-flex" href="training.html">Organisations<p class="mb-0 d-none d-400-block">, Associations </p> & Training</a>
<a class="dropdown-item" href="together.html">Let's work together!</a>
<a class="dropdown-item" href="perspective.html">A Fresh Perspective</a>
</div>
</li>
<p class="mb-1 dashes"> | </p>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle d-inline-flex" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Schools<p class="mb-0 d-none d-850-block">, Colleges & Universities</p>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="what-we-provide.html">What we provide</a>
<a class="dropdown-item" href="find-a-manufacturer.html">Find a Manufacturer</a>
</div>
</li>
<p class="mb-1 dashes"> | </p>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Students
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="students.html">What is Manufacturing?</a>
<a class="dropdown-item" href="areas.html">What area is best for me?</a>
<a class="dropdown-item" href="getting-started.html">How do I get started?</a>
<a class="dropdown-item" href="apprenticeships.html">Apprenticeships</a>
<a class="dropdown-item" href="how-is-it-made.html">How is it made?</a>
</div>
</li>
<p class="mb-1 dashes"> | </p>
<li class="nav-item">
<a class="nav-link d-inline-flex" href="news.html"><p class="mb-0 d-none d-850-block">Latest </p>News</a>
</li>
</ul>
</div>
</nav>
<div id="nav-decorator" class="col-12 bg-blue"></div>
</header>
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="d-none d-md-flex col-md-6 align-items-center flex-column px-0">
<!-- Image -->
<img src="./assets/images/cropped-transparent-perspective-full.png" alt="Woman giving presentation">
</div>
<div class="col-12 col-md-6 align-items-center d-flex flex-column px-0">
<!-- Page Header -->
<div class="text-center mb-0 page-heading px-2 p-md-4">
<h1 class="green-header">A Fresh Perspective</h1>
</div>
<p class="text-center">A fresh pair of eyes can see many things.</p>
<p class="text-center">You might already carry out schools engagement but is it achieving the desired results?</p>
<p class="text-center">Then why not take advantage of our consultation service where we look at what you are doing now and find ways to not only improve on it, but ensure you really are nurturing your future talentpool.</p>
<a class="green-button px-1 p-2 mt-2" href="mailto:angela@marvelousmanufacturing.co.uk">Enquire about your consultation here</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 px-0">
<div id="whats-included" class="text-center mt-4 mb-0 page-heading bg-green text-white p-4">
<h1>What's Included</h1>
</div>
</div>
</div>
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-10 px-0">
<p class="mt-4">We regularly work with manufacturers across the UK helping them with their schools engagement programmes as well as delivering our own bespoke workshops to students in schools. Our experiences have shaped the approach we take to make these programmes impactful and ensure our clients meet their specific goals.</p>
<p>Using our expertise and knowledge we can help you to refine your approach, focus on your priorities and provide you with bespoke recommendations to ensure your schools engagement brings value to your business</p>
<p>Carrying out a deep dive of your current activities we will focus on;</p>
<ul>
<li class="ml-3">Optimising your current engagement programme</li>
<li class="ml-3">Finding solutions for time constraints</li>
<li class="ml-3">Transformation of delivery methods</li>
<li class="ml-3">Improving outcomes</li>
<li class="ml-3">Results driven future goals</li>
</ul>
<p>With a lack of young people entering the industry and people retireing quicker than they can be replaced manufacturers must be reactive, responsive and agile if they want to remain competitive and secure the future of their business. We are here to help.</p>
<p>Discover how to optimize your approach and make a greater impact on your future talent pipeline by booking a consultation today.</p>
<p>Our consultation fees start at just £125.00</p>
<a class="green-button px-1 p-2 mt-2" href="mailto:angela@marvelousmanufacturing.co.uk">Enquire about your consultation here</a>
</div>
</div>
</div>
</main>
</div>
<!-- Footer -->
<footer id="footer">
<div class="col-12 bg-blue footer-box">
<div class="col-lg-3 d-none d-lg-flex justify-content-center">
<img id="alumni-image" src="./assets/images/alumni-image.webp" alt="Top 100 2022 Alumni">
</div>
<div class="col-7 col-lg-6 d-flex flex-column text-center justify-content-center">
<p id="footer-name">©2023 by Marvelous Manufacturing</p>
<p class="tiny-text">Marvelous Manufacturing is a trading name of Angela Lawlor Ltd a UK registered company</p>
</div>
<ul class="col-5 social-networks mb-0 col-lg-3">
<li class="col-4"><a href="https://www.linkedin.com/company/marvelous-manufacturing/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li class="col-4"><a href="https://twitter.com/MarvelousManuf1" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li>
<li class="col-4"><a href="https://www.youtube.com/@MarvelousManuf" target="_blank"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
</footer>
<!-- My JavaScript -->
<script src="./assets/js/index.js"></script>
<!-- JQuery -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Slide Down JavaScript -->
<script src="./assets/js/slide_downs.js"></script>
<!-- Postload Bootstrap -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>