Skip to content

Commit 5ce690c

Browse files
BrianxBorneBrianxBorne
committed
404 page
1 parent 45fd8c4 commit 5ce690c

1 file changed

Lines changed: 115 additions & 0 deletions

File tree

‎404.html‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
8+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
9+
<link href="assets/css/style.css" rel="stylesheet">
10+
<link rel="icon" type="image/png" sizes="32x32" href="assets/media/Favicon.png">
11+
<link rel="icon" type="image/png" sizes="16x16" href="assets/media/Favicon.png">
12+
<title>Bornelabs</title>
13+
</head>
14+
<body>
15+
<div class="container-fluid layout rounded h-100 ">
16+
<div class="row g-0 d-none d-md-flex" style="border-bottom:2px solid #c7c7c7;">
17+
<div class="col p-2 d-flex align-items-left justify-content-left Title">
18+
<img src="assets/media/BornelabsLogo.png" class="logo me-2" alt="Bornelabs logo">
19+
<span class="navbar-brand fw-bold text-dark mb-0" id="bornelabs">Bornelabs</span>
20+
</div>
21+
</div>
22+
23+
<div class="row h-100 g-0 flex-nowrap" style="background:white;">
24+
<div class="col-auto d-none d-md-block p-0">
25+
<nav class="sidebar d-flex flex-column h-100 p-1">
26+
<ul class="nav flex-column gap-2 flex-grow-1 NavLinks">
27+
<li class="nav-item p-1">
28+
<a href="#Home" class="nav-link active rounded fw-bold" data-page="Home">
29+
<i class="bi bi-house-door me-2"></i> Home
30+
</a>
31+
</li>
32+
<li class="nav-item p-1">
33+
<a href="#Projects" class="nav-link rounded fw-bold" data-page="Projects">
34+
<i class="bi bi-kanban me-2"></i> Projects
35+
</a>
36+
</li>
37+
<li class="nav-item p-1">
38+
<a href="#Services" class="nav-link rounded fw-bold" data-page="Services">
39+
<i class="bi bi-gear me-2"></i> Services
40+
</a>
41+
</li>
42+
43+
<li class="nav-item p-1">
44+
<a href="#Contacts" class="nav-link rounded fw-bold" data-page="Contacts">
45+
<i class="bi bi-telephone me-2"></i> Contacts
46+
</a>
47+
</li>
48+
<li class="nav-item p-1">
49+
<a href="#About" class="nav-link rounded fw-bold" data-page="About">
50+
<i class="bi bi-info-circle me-2"></i> About
51+
</a>
52+
</li>
53+
<li class="nav-item p-1">
54+
<a href="#More" class="nav-link rounded fw-bold" data-page="More">
55+
<i class="bi bi-three-dots me-2"></i> More
56+
</a>
57+
</li>
58+
</ul>
59+
</nav>
60+
</div>
61+
62+
<div class="col d-flex flex-column h-100 p-0">
63+
<div class="d-md-none">
64+
<nav class="navbar navbar-light bg-light p-2">
65+
<div class="d-flex align-items-center w-100">
66+
<img src="assets/media/BornelabsLogo.png" class="logo me-2" alt="Bornelabs logo">
67+
<span class="navbar-brand fw-bold mb-0">Bornelabs</span>
68+
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#mobileMenu">
69+
<span class="navbar-toggler-icon"></span>
70+
</button>
71+
</div>
72+
<div class="collapse" id="mobileMenu">
73+
<ul class="nav flex-column mt-3">
74+
<li class="nav-item p-1">
75+
<a href="#Home" class="nav-link active rounded fw-bold" data-page="Home">Home</a>
76+
</li>
77+
<li class="nav-item p-1">
78+
<a href="#Projects" class="nav-link rounded fw-bold" data-page="Projects">Projects</a>
79+
</li>
80+
<li class="nav-item p-1">
81+
<a href="#Services" class="nav-link rounded fw-bold" data-page="Services">Services</a>
82+
</li>
83+
<li class="nav-item p-1">
84+
<a href="#Contacts" class="nav-link rounded fw-bold" data-page="Contacts">Contacts</a>
85+
</li>
86+
<li class="nav-item p-1">
87+
<a href="#About" class="nav-link rounded fw-bold" data-page="About">About</a>
88+
</li>
89+
<li class="nav-item p-1">
90+
<a href="#More" class="nav-link rounded fw-bold" data-page="More">More</a>
91+
</li>
92+
</ul>
93+
</div>
94+
</nav>
95+
</div>
96+
97+
<div class="main flex-grow-1 mb-5">
98+
<div id="content" data-include="Pages/home.html">
99+
<div class="d-flex justify-content-center align-items-center text-start py-3 px-2 g-5">
100+
<div class="spinner-border me-2" role="status" aria-hidden="true"></div>
101+
<strong>Loading</strong>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
</div>
108+
109+
<script src="assets/js/include.js"></script>
110+
<script src="assets/js/featured.js"></script>
111+
<script src="assets/js/tags.js"></script>
112+
<script src="assets/js/youtube.js"></script>
113+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
114+
</body>
115+
</html>

0 commit comments

Comments
 (0)