-
Notifications
You must be signed in to change notification settings - Fork 0
/
Outerbox.html
213 lines (211 loc) · 10.9 KB
/
Outerbox.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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Outerbox Project Plan</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="./css/sidebar.css" rel="stylesheet"/>
<link href="./css/main.css" rel="stylesheet"/>
<link href="./css/header.css" rel="stylesheet"/>
<link href="./css/forms.css" rel="stylesheet"/>
<link href="./css/footer.css" rel="stylesheet"/>
</head>
<body class="bg-light-blue font-roboto text-gray-900"><!-- header.html -->>
<header>
<nav>
<ul>
<li><a href="./index.html"><img alt="Home" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/container.svg"/>Home</a></li>
<li>
<a href="#"><img alt="Training" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/intelligence.svg"/>Training</a>
<ul>
<li><a href="./blended-learning.html"><img alt="Blended Learning" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/learning/blended-learning.png?raw=true"/>Blended Learning</a></li>
<li><a href="./course-development.html"><img alt="Course Development" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/learning/course-development.png?raw=true"/>Course Development</a></li>
<li><a href="./project-mentoring.html"><img alt="Project Mentoring" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/learning/project-mentoring.png?raw=true"/>Project Mentoring</a></li>
<li><a href="./performance-support.html"><img alt="Performance Support Tools" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/learning/performance-support.png?raw=true"/>Performance Support Tools</a></li>
<li><a href="./training-programs.html"><img alt="Training Programs" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/learning/training-programs.png?raw=true"/>Training Programs</a></li>
</ul>
</li>
<li>
<a href="#"><img alt="Services" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/container--microservices.svg"/>Services</a>
<ul>
<li><a href="./software-development.html"><img alt="Software Development" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/software-development.png?raw=true"/>Software Development</a></li>
<li><a href="./hardware-software.html"><img alt="Hardware and Software" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/hardware-software.png?raw=true"/>HW/SW Solutions</a></li>
<li><a href="./managed-cloud.html"><img alt="Managed Cloud Services" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/managed-cloud.png?raw=true"/>Managed Cloud</a></li>
<li><a href="./technical-support.html"><img alt="Technical Support Services" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/technical-support.png?raw=true"/>Technical Support</a></li>
<li><a href="./placement-recruitment.html"><img alt="Placements" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/placement-recruitment.png?raw=true"/>Placements</a></li>
</ul>
</li>
<li>
<a href="#"><img alt="Careers" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/data--apis.svg"/>Careers</a>
<ul>
<li><a href="./job-posting.html"><img alt="Job Posting" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/job-posting.png?raw=true"/>Job Posting</a></li>
<li><a href="./candidate-screening.html"><img alt="Candidate Screening" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/candidate-screening.png?raw=true"/>Candidate Screening</a></li>
<li><a href="./interviews.html"><img alt="Interviews" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/interviews.png?raw=true"/>Interviews</a></li>
<li><a href="./job-offers.html"><img alt="Job Offers" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/job-offers.png?raw=true"/>Job Offers</a></li>
<li><a href="./perosacademy/"><img alt="Pero's Academy" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/peros-academy.png?raw=true"/>Pero's Academy</a></li>
</ul>
</li>
<li><a href="#contact"><img alt="Contact" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/b6c7c3e93995fd5c2a6c0979d90ead76d9ef98dd/assets/icons/email.svg"/>Contact</a></li>
</ul>
</nav>
</header>
<header class="bg-blue-800 text-white p-4">
<nav class="container mx-auto flex justify-between items-center">
<a class="text-xl font-bold" href="#">Outerbox Project Plan</a>
</nav>
<main class="container mx-auto px-4 pt-4">
<div class="bg-white shadow-md rounded my-6">
<table class="text-left w-full border-collapse">
<thead>
<tr class="text-sm font-medium text-gray-700 bg-gray-200">
<th class="py-4 px-6 font-bold uppercase text-sm text-grey-dark border border-grey-light">Phase</th>
<th class="py-4 px-6 font-bold uppercase text-sm text-grey-dark border border-grey-light">Steps</th>
<th class="py-4 px-6 font-bold uppercase text-sm text-grey-dark border border-grey-light">Details</th>
</tr>
</thead>
<tbody class="border-b">
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">Research and Discovery</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Learn about Outerbox's mission and audience.</li>
<li>Research the educational and service platform landscape.</li>
<li>Identify Outerbox's USPs.</li>
</ul>
</td>
</tr>
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">UX Planning</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Define user personas.</li>
<li>Map user journeys.</li>
<li>Sketch site maps for both domains.</li>
</ul>
</td>
</tr>
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">UI Design</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Create wireframes for core pages.</li>
<li>Select color scheme and typography.</li>
<li>Develop high-fidelity prototypes.</li>
</ul>
</td>
</tr>
<!-- Additional rows continue here -->
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">Content Development</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Draft content for offerings and values.</li>
<li>Plan multimedia elements.</li>
<li>Optimize content for SEO.</li>
</ul>
</td>
</tr>
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">Technical Setup</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Select an appropriate CMS.</li>
<li>Set up hosting and domains.</li>
</ul>
</td>
</tr>
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">Development and Testing</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Develop website code.</li>
<li>Conduct usability and performance tests.</li>
<li>Ensure functionality of all website forms.</li>
</ul>
</td>
</tr>
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">Review and Iterate</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Gather user feedback.</li>
<li>Iterate design based on feedback.</li>
<li>Prepare for official launch.</li>
</ul>
</td>
</tr>
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">Launch and Marketing</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Plan launch strategy.</li>
<li>Monitor website performance.</li>
<li>Implement digital marketing.</li>
</ul>
</td>
</tr>
<tr class="hover:bg-gray-100 border-grey-light">
<td class="py-4 px-6 border border-grey-light">Maintenance and Updates</td>
<td class="py-4 px-6 border border-grey-light">
<ul class="list-inside list-disc">
<li>Regularly update content.</li>
<li>Perform routine maintenance.</li>
<li>Stay updated with trends.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="bg-white shadow-md rounded my-6 p-6">
<h2 class="text-2xl font-bold text-gray-800 mb-4">Suggestions for Outerbox Website and Content Creation</h2>
<p class="text-gray-700 mb-3">
When building out the website and content for Outerbox, consider the following suggestions to enhance user engagement and provide valuable resources:
</p>
<ul class="list-disc list-inside space-y-2 text-gray-700">
<li>
<strong>Interactive Tools:</strong> Incorporate tools such as calculators, quizzes, or learning games that align with the educational content.
</li>
<li>
<strong>Resource Library:</strong> Create a comprehensive library of articles, tutorials, and guides related to the courses and services offered.
</li>
<li>
<strong>Community Engagement:</strong> Facilitate a community platform for students and professionals to interact, share experiences, and collaborate.
</li>
<li>
<strong>Visual Content:</strong> Use infographics, videos, and interactive media to explain complex concepts in an easily digestible format.
</li>
<li>
<strong>Regular Updates:</strong> Keep the content fresh with regular updates, new courses, and timely articles that reflect current industry trends.
</li>
<li>
<strong>SEO Strategy:</strong> Develop a strong SEO strategy to improve the visibility of the website and attract organic traffic.
</li>
<li>
<strong>Mobile Optimization:</strong> Ensure that the website and all its resources are fully optimized for a seamless mobile user experience.
</li>
<li>
<strong>User Feedback:</strong> Implement mechanisms for users to provide feedback on the content, usability, and services offered.
</li>
<li>
<strong>Accessibility:</strong> Adhere to web accessibility guidelines to make the website usable by as wide an audience as possible.
</li>
</ul>
</div>
</main>
<footer class="bg-blue-800 text-white p-4 text-center">
<p>© 2024 Outerbox Project. All rights reserved.</p>
</footer>
<script>
// Your additional JavaScript, if needed
</script>
<script src="./js/partnerSearchFilter.js"></script>
<script src="./js/partnerFilter.js"></script>
<script src="./js/mobileDropdown.js"></script>
<script src="./js/main.js"></script>
<script src="./js/include-header.js"></script>
<script src="./js/gulpfile.js"></script>
<script src="./js/formHandeler.js"></script>
<script src="./js/combinedPartnerFilter.js"></script>
</header></body>
</html>