182 lines
6.7 KiB
HTML
182 lines
6.7 KiB
HTML
|
<!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>
|