Figo-lab
GitHub
commit
804bf377e7
|
|
@ -0,0 +1,181 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Bootstrap demo</title>
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--Navbar-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark py-3">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#">
|
||||
<img
|
||||
src="/picture/Oscon.png"
|
||||
alt="Logo"
|
||||
width="55"
|
||||
height="55"
|
||||
class="d-inline-block fw-bold"
|
||||
/>
|
||||
Open Source IT Consulting
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navmenu">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item">
|
||||
<a href="#Home" class="nav-link">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#About" class="nav-link">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#Service" class="nav-link">Service</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#whyopensource" class="nav-link">Why Open Source</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#Contact" class="nav-link">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!--Showcase-->
|
||||
<section class="bg-dark text-light p-5 p-lg-0 pt-lg-5 text-center text-sm-start">
|
||||
<div class="container">
|
||||
<div class="d-sm-flex align-content-center justify-content-between">
|
||||
<div>
|
||||
<h1>Open Source and Security</h1>
|
||||
<p class=" my-4">Why this is so important for ever one and why <br>
|
||||
you should use Open Source instead of progrietary Software.</p>
|
||||
<button class="btn btn-primary btn-lg">
|
||||
Why Open Source
|
||||
</button>
|
||||
</div>
|
||||
<img class="img-fluid w-50 d-none d-sm-block"src="picture/Oscon.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--About-->
|
||||
<section class="section text-dark p-5 text-center text-lg-center">
|
||||
<div class="container-fluid">
|
||||
<div class="">
|
||||
<h3 class="mb-3 mb-md-0 py-3 text-decoration-underline">
|
||||
About me
|
||||
</h3>
|
||||
<h3 class="lead fs-5 g-4">I'm Jan and Owner of Open Source IT Consulting. I'm a IT-Admin for couple of years now and my passion is Free and secure Software.
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Service-->
|
||||
<section class="p-5 bg-dark text-light">
|
||||
<div class="container">
|
||||
<div class="text-center p-5">
|
||||
<h1 class="text-decoration-underline">Services</h1>
|
||||
</div>
|
||||
<div class="row text-center g-4">
|
||||
<div class="col-md">
|
||||
<div class="card bg-dark text-light">
|
||||
<div class="h1 mb-3">
|
||||
<i class="bi bi-laptop"></i>
|
||||
</div>
|
||||
<h3 class="card-title mb-3 text-decoration-underline">
|
||||
Hardware
|
||||
</h3>
|
||||
<p class="card-text">
|
||||
I help by ...Buying Hardware, Install Hardware,Server, Swichtes, Router, Laptop, smartphones
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="card bg-dark text-light">
|
||||
<div class="h1 mb-3">
|
||||
<i class="bi bi-code-square"></i>
|
||||
</div>
|
||||
<h3 class="card-title mb-3 text-decoration-underline">
|
||||
Software
|
||||
</h3>
|
||||
<p class="card-text">
|
||||
I only use Free and Open Source to help your System Secure and Private Powered by Linux, Signal and much more
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="card bg-dark text-light">
|
||||
<div class="h1 mb-3">
|
||||
<i class="bi bi-person"></i>
|
||||
</div>
|
||||
<h3 class="card-title mb-3 text-decoration-underline">
|
||||
Install / Help
|
||||
</h3>
|
||||
<p class="card-text">
|
||||
Installion of Open Source Software and Hardware or any Helping
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--why open Source-->
|
||||
<section id="whyopensource" class=" text-dark p-5">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-md">
|
||||
<img src="/picture/opensource.webp" class="img-fluid w-80" alt="">
|
||||
</div>
|
||||
<div class="col-md p-5">
|
||||
<button class="btn btn-primary btn-lg">
|
||||
Why Open Source
|
||||
</button>
|
||||
</div>
|
||||
<h3 class="lead fs-5 g-4">
|
||||
People should use open source software because it is often free,
|
||||
flexible, and customizable, allowing users to tailor it to their specific needs.
|
||||
Additionally, open source software is often more secure and reliable because it is developed and maintained by a large community of contributors who collaborate to identify and fix issues. Finally, using open source software promotes the values of transparency, collaboration, and knowledge-sharing that are important to many individuals and organizations.
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Contact-->
|
||||
<section class="bg-dark text-light p-5">
|
||||
<div class="container text-center">
|
||||
<h3>
|
||||
You can Contact me under this Number:
|
||||
</h3>
|
||||
<h5 class="text-decoration-underline">+45 555 123-4567</h5>
|
||||
<h3>Or you can send me Email:</h3>
|
||||
<h5 class="text-decoration-underline">JanCompany@tutanuta.com</h5>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Footer-->
|
||||
<section class="text-dark p-3 fs-10 text-center">
|
||||
<p class="text-decoration-underline">Copyright @ 2023 - Jan's Company</p>
|
||||
</section>
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Loading…
Reference in New Issue