Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/2024-03-bc/profile-photos/seb.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/2024-03-bc/technative-2024.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/2024-03-bc/technative-smiling.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/technative-favicon.ico
Binary file not shown.
22 changes: 22 additions & 0 deletions bootcamps/foundations/2024-03/2024-03-f.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
{
"data": [
{
"name": "Seb Davies",
"role": "Associate Engineer",
"github": "https://github.com/Sebbybobbler",
"linkedin": "https://www.linkedin.com/in/sebastian-davies-496386199/",
"photo": "/assets/2024-03-bc/profile-photos/seb.jpg",
"description": "Hi, I'm Seb! After completing the March 2024 Software Development Bootcamp, I joined Dabapps as an Associate Engineer. I couldn't have done this without the vital technical and soft skills I learned during the bootcamp!",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is great, I would consider making this text a bit more generic and timeless, e.g. so you wouldn't need to change it in future...

"portfolio_link": "",
"technologies": [
"Python",
"JavaScript",
"React",
"React Native",
"SQL",
"Node",
"Django"
]
}
]
}
171 changes: 171 additions & 0 deletions bootcamps/foundations/2024-03/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,171 @@
<!-- TO BE PLACED IN /bootcamps/YOUR BOOTCAMP NAME/START DATE(Eg 2025-10)-->

<!-- Things to change:
HEAD:
- Change the title to the bootcamp name
- Change the css link to bootcamps own custom css file, to be place in /css/alumni/YEAR-MO-BOOTCAMP_BRANCH.css
BODY:
MAIN:
- Change the title of their bootcamp
- Change the description of their bootcamp
- Change Alumni list title to their bootcamp date
- Change the data-json-file in alumni-list__cards to their own json file
- Add alumni photo src in connect__image if available
-->

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Software Development Bootcamp - Foundations (March 2024)</title>
<link
rel="icon"
type="image/x-icon"
href="/assets/technative-favicon.ico"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="../../../scripts/alumni.js" defer></script>
<link rel="stylesheet" href="../../../css/global.css" />
<link rel="stylesheet" href="../../../css/main.css" />
<!-- ADD CUSTOM CSS FILE FOR BOOTCAMP HERE -->
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You might want to add a custom CSS file for your bootcamp here - take a look at the other bootcamps to see how they've done it.

It means that people can then define custom styles for their cards

</head>
<body>
<header>
<div class="header__bar">
<a href="../../../index.html">
<img
class="logo"
src="../../../assets/tech-native-logo.png"
alt="Technative Logo"
/>
</a>
<nav class="nav">
<a class="nav__link" href="../../../index.html">Home</a>
</nav>
</div>
</header>
<main>
<h1 class="bootcamp__title">Software Development Bootcamp</h1>
<h2 class="bootcamp__subtitle">- Foundations Alumni</h2>
<section class="bootcamp-description">
<p>
This 16-week full time intensive Software Development
Bootcamp is designed for individuals with little to no
previous coding experience. The course focused on developing
strong tech foundations and professional soft-skills while
working on various group projects using technologies
including React and Node.js.
</p>
</section>
<section class="alumni-list">
<h2 class="alumni-list__title">
Meet the Alumni of March 2024
</h2>
<div
id="alumni-list__cards"
class="alumni-list__cards grid"
data-json-file="./2024-03-f.json"
>
<!-- Individual card -->
<template id="card">
<article class="card">
<div class="card__head">
<img
src=""
alt="Alumni Photo"
class="card__photo"
/>
<div class="card__details">
<h3 class="card__name"></h3>
<h4 class="card__role"></h4>
<div class="card__links">
<a
href=""
class="card__link card__cta-link"
target="_blank"
>Visit my portfolio
<svg
class="card__icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 640"
aria-hidden="true"
>
<path
d="M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z"
/>
</svg>
</a>
<div class="card__social-links">
<a
href=""
class="card__link card__link--linkedin"
target="_blank"
>
<svg
class="card__link-icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 640"
aria-hidden="true"
>
<path
d="M512 96L127.9 96C110.3 96 96 110.5 96 128.3L96 511.7C96 529.5 110.3 544 127.9 544L512 544C529.6 544 544 529.5 544 511.7L544 128.3C544 110.5 529.6 96 512 96zM231.4 480L165 480L165 266.2L231.5 266.2L231.5 480L231.4 480zM198.2 160C219.5 160 236.7 177.2 236.7 198.5C236.7 219.8 219.5 237 198.2 237C176.9 237 159.7 219.8 159.7 198.5C159.7 177.2 176.9 160 198.2 160zM480.3 480L413.9 480L413.9 376C413.9 351.2 413.4 319.3 379.4 319.3C344.8 319.3 339.5 346.3 339.5 374.2L339.5 480L273.1 480L273.1 266.2L336.8 266.2L336.8 295.4L337.7 295.4C346.6 278.6 368.3 260.9 400.6 260.9C467.8 260.9 480.3 305.2 480.3 362.8L480.3 480z"
/>
</svg>
</a>
<a
href=""
class="card__link card__link--github"
target="_blank"
>
<svg
class="card__link-icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 640"
aria-hidden="true"
>
<path
d="M237.9 461.4C237.9 463.4 235.6 465 232.7 465C229.4 465.3 227.1 463.7 227.1 461.4C227.1 459.4 229.4 457.8 232.3 457.8C235.3 457.5 237.9 459.1 237.9 461.4zM206.8 456.9C206.1 458.9 208.1 461.2 211.1 461.8C213.7 462.8 216.7 461.8 217.3 459.8C217.9 457.8 216 455.5 213 454.6C210.4 453.9 207.5 454.9 206.8 456.9zM251 455.2C248.1 455.9 246.1 457.8 246.4 460.1C246.7 462.1 249.3 463.4 252.3 462.7C255.2 462 257.2 460.1 256.9 458.1C256.6 456.2 253.9 454.9 251 455.2zM316.8 72C178.1 72 72 177.3 72 316C72 426.9 141.8 521.8 241.5 555.2C254.3 557.5 258.8 549.6 258.8 543.1C258.8 536.9 258.5 502.7 258.5 481.7C258.5 481.7 188.5 496.7 173.8 451.9C173.8 451.9 162.4 422.8 146 415.3C146 415.3 123.1 399.6 147.6 399.9C147.6 399.9 172.5 401.9 186.2 425.7C208.1 464.3 244.8 453.2 259.1 446.6C261.4 430.6 267.9 419.5 275.1 412.9C219.2 406.7 162.8 398.6 162.8 302.4C162.8 274.9 170.4 261.1 186.4 243.5C183.8 237 175.3 210.2 189 175.6C209.9 169.1 258 202.6 258 202.6C278 197 299.5 194.1 320.8 194.1C342.1 194.1 363.6 197 383.6 202.6C383.6 202.6 431.7 169 452.6 175.6C466.3 210.3 457.8 237 455.2 243.5C471.2 261.2 481 275 481 302.4C481 398.9 422.1 406.6 366.2 412.9C375.4 420.8 383.2 435.8 383.2 459.3C383.2 493 382.9 534.7 382.9 542.9C382.9 549.4 387.5 557.3 400.2 555C500.2 521.8 568 426.9 568 316C568 177.3 455.5 72 316.8 72zM169.2 416.9C167.9 417.9 168.2 420.2 169.9 422.1C171.5 423.7 173.8 424.4 175.1 423.1C176.4 422.1 176.1 419.8 174.4 417.9C172.8 416.3 170.5 415.6 169.2 416.9zM158.4 408.8C157.7 410.1 158.7 411.7 160.7 412.7C162.3 413.7 164.3 413.4 165 412C165.7 410.7 164.7 409.1 162.7 408.1C160.7 407.5 159.1 407.8 158.4 408.8zM190.8 444.4C189.2 445.7 189.8 448.7 192.1 450.6C194.4 452.9 197.3 453.2 198.6 451.6C199.9 450.3 199.3 447.3 197.3 445.4C195.1 443.1 192.1 442.8 190.8 444.4zM179.4 429.7C177.8 430.7 177.8 433.3 179.4 435.6C181 437.9 183.7 438.9 185 437.9C186.6 436.6 186.6 434 185 431.7C183.6 429.4 181 428.4 179.4 429.7z"
/>
</svg>
</a>
</div>
</div>
</div>
</div>
<p class="card__description"></p>
<div class="card__tech-container">
<ul class="card__tech">
<!-- Skills added here -->
</ul>
</div>
</article>
</template>
</div>
<div class="connect__container">
<h2 class="connect__heading">Connect with us!</h2>
<p class="connect__description">
Employers, our alumni will be happy to hear from you -
let’s connect!
</p>
<!-- ALUMNI PHOTO HERE (AS CONNECT__IMAGE) IF AVAILABLE-->
<img
class="connect__image"
alt="The alumni of March 2024 smiling. "
src="/assets/2024-03-bc/technative-smiling.JPG"
/>
</div>
</section>
</main>
<footer>
<p>
This website was created by alumni of the 2025 Software
Development TFS course. The GitHub repository can be found
<a
href="https://github.com/technative-academy/technative-academy.github.io"
>here</a
>.
</p>
</footer>
</body>
</html>
5 changes: 5 additions & 0 deletions bootcamps/software-development-tfs/2025-09/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,11 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Software Development - Tech Finishing School</title>
<link
rel="icon"
type="image/x-icon"
href="/assets/technative-favicon.ico"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
property="og:title"
Expand Down
5 changes: 5 additions & 0 deletions bootcamps/software-development-tfs/2026-01/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,11 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Software Development - Tech Finishing School</title>
<link
rel="icon"
type="image/x-icon"
href="/assets/technative-favicon.ico"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
property="og:title"
Expand Down
28 changes: 28 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Technative Digital - Alumni</title>
<link rel="icon" type="image/x-icon" href="/assets/technative-favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="Alumni of TechNative Digital" />
<meta
Expand Down Expand Up @@ -113,6 +114,33 @@ <h3 class="card__bootcamp-name">
</p>
</div>
</a>
<a
href="./bootcamps/foundations/2024-03/index.html"
class="card bootcamp-card"
>
<div class="card__hero">
<img
src="./assets/2024-03-bc/technative-2024.jpg"
alt="A collage of developers during the software development bootcamp."
class="card__hero-image" style="object-position: center top;"
/>
</div>
<div class="card__body">
<h3 class="card__bootcamp-name">
Software Development -
<span class="bootcamp__subtitle"
>Bootcamp (March 2024)
</span>
</h3>
<p class="card__description">
This 16-week full time intensive Software Development
Bootcamp is designed for individuals with little to no previous coding experience.
The course focused on developing strong tech foundations and professional soft-skills while
working on various group projects using
technologies including React and Node.js.
</p>
</div>
</a>
<!-- Tech Foundations Card
<a
href="./bootcamps/software-development-foundations/2025-10/index.html"
Expand Down
5 changes: 5 additions & 0 deletions templates/template-alumni-page.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,11 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>BOOTCAMP - BRANCH OF BOOTCAMP IF APPLICABLE</title>
<link
rel="icon"
type="image/x-icon"
href="/assets/technative-favicon.ico"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="../../../scripts/alumni.js" defer></script>
<link rel="stylesheet" href="../../../css/global.css" />
Expand Down