82 lines
5.3 KiB
HTML
82 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html data-bs-theme="light" lang="ru">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>SmartSoltech</title>
|
|
<link rel="icon" type="image/jpeg" sizes="1011x702" href="/assets/img/photo_2024-10-06_10-06-08.jpg">
|
|
<link rel="icon" type="image/jpeg" sizes="500x500" href="/assets/img/photo_2024-10-06_10-06-15.jpg" media="(prefers-color-scheme: dark)">
|
|
<link rel="icon" type="image/jpeg" sizes="1011x702" href="/assets/img/photo_2024-10-06_10-06-08.jpg">
|
|
<link rel="icon" type="image/jpeg" sizes="500x500" href="/assets/img/photo_2024-10-06_10-06-15.jpg" media="(prefers-color-scheme: dark)">
|
|
<link rel="icon" type="image/jpeg" sizes="1011x702" href="/assets/img/photo_2024-10-06_10-06-08.jpg">
|
|
<link rel="icon" type="image/jpeg" sizes="1011x702" href="/assets/img/photo_2024-10-06_10-06-08.jpg">
|
|
<link rel="icon" type="image/jpeg" sizes="1011x702" href="/assets/img/photo_2024-10-06_10-06-08.jpg">
|
|
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
|
|
<link rel="stylesheet" href="/assets/css/styles.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Start: Articles Cards -->
|
|
<div class="container py-4 py-xl-5">
|
|
<div class="row mb-5">
|
|
<div class="col-md-8 col-xl-6 text-center mx-auto">
|
|
<h2>Heading</h2>
|
|
<p class="w-lg-50">Curae hendrerit donec commodo hendrerit egestas tempus, turpis facilisis nostra nunc. Vestibulum dui eget ultrices.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3">
|
|
<div class="col">
|
|
<div class="card"><img class="card-img-top w-100 d-block fit-cover" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png">
|
|
<div class="card-body p-4">
|
|
<p class="text-primary card-text mb-0">Article</p>
|
|
<h4 class="card-title">Lorem libero donec</h4>
|
|
<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
|
|
<div class="d-flex"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png">
|
|
<div>
|
|
<p class="fw-bold mb-0">John Smith</p>
|
|
<p class="text-muted mb-0">Erat netus</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card"><img class="card-img-top w-100 d-block fit-cover" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png">
|
|
<div class="card-body p-4">
|
|
<p class="text-primary card-text mb-0">Article</p>
|
|
<h4 class="card-title">Lorem libero donec</h4>
|
|
<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
|
|
<div class="d-flex"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png">
|
|
<div>
|
|
<p class="fw-bold mb-0">John Smith</p>
|
|
<p class="text-muted mb-0">Erat netus</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card"><img class="card-img-top w-100 d-block fit-cover" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png">
|
|
<div class="card-body p-4">
|
|
<p class="text-primary card-text mb-0">Article</p>
|
|
<h4 class="card-title">Lorem libero donec</h4>
|
|
<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
|
|
<div class="d-flex"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png">
|
|
<div>
|
|
<p class="fw-bold mb-0">John Smith</p>
|
|
<p class="text-muted mb-0">Erat netus</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End: Articles Cards -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="/assets/js/script.min.js"></script>
|
|
</body>
|
|
|
|
</html> |