This commit is contained in:
tets@test.test
2022-10-23 20:26:43 +03:00
parent 84c77f0791
commit 64937f6713
2 changed files with 81 additions and 139 deletions

View File

@@ -22,7 +22,7 @@ header{
margin-top: 20px; margin-top: 20px;
} }
.col-4{ .col-md-4{
margin-bottom: 25px; margin-bottom: 25px;
} }

View File

@@ -10,20 +10,17 @@
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>3d Detals</title> <title>3d Detals</title>
</head> </head>
<body> <body>
<header> <header>
<h1 class="h1header"> Каталог печатных 3д деталей </h1> <h1 class="h1header"> Каталог печатных 3д деталей </h1>
</header> </header>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-md-4">
<div class="card"> <div class="card">
<img class="card-img-top" src="img/1.jpg" alt="1 image"> <img class="card-img-top" src="img/1.jpg" alt="1 image">
<div class="card-body"> <div class="card-body">
<dv class="row"> <dv class="row">
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать исходник</button> <button class="btn btn-block">Скачать исходник</button>
@@ -31,9 +28,7 @@
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать stl </button> <button class="btn btn-block">Скачать stl </button>
</div> </div>
<div class="row"> <div class="row">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault"> <label class="form-check-label" for="flexCheckDefault">
@@ -44,16 +39,13 @@
<h5> 10.12.2004 </h5> <h5> 10.12.2004 </h5>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="col-4">
<div class="card"> <div class="card">
<img class="card-img-top" src="img/2.jpg" alt="1 image"> <img class="card-img-top" src="img/2.jpg" alt="1 image">
<div class="card-body"> <div class="card-body">
<dv class="row"> <dv class="row">
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать исходник</button> <button class="btn btn-block">Скачать исходник</button>
@@ -61,9 +53,7 @@
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать stl </button> <button class="btn btn-block">Скачать stl </button>
</div> </div>
<div class="row"> <div class="row">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault"> <label class="form-check-label" for="flexCheckDefault">
@@ -74,16 +64,13 @@
<h5> 10.12.2004 </h5> <h5> 10.12.2004 </h5>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="col-4">
<div class="card"> <div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image"> <img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card-body"> <div class="card-body">
<dv class="row"> <dv class="row">
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать исходник</button> <button class="btn btn-block">Скачать исходник</button>
@@ -91,9 +78,7 @@
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать stl </button> <button class="btn btn-block">Скачать stl </button>
</div> </div>
<div class="row"> <div class="row">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault"> <label class="form-check-label" for="flexCheckDefault">
@@ -104,17 +89,13 @@
<h5> 10.12.2004 </h5> <h5> 10.12.2004 </h5>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="col-4">
<div class="card"> <div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image"> <img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card-body"> <div class="card-body">
<dv class="row"> <dv class="row">
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать исходник</button> <button class="btn btn-block">Скачать исходник</button>
@@ -122,9 +103,7 @@
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать stl </button> <button class="btn btn-block">Скачать stl </button>
</div> </div>
<div class="row"> <div class="row">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault"> <label class="form-check-label" for="flexCheckDefault">
@@ -139,13 +118,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="col-4">
<div class="card"> <div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image"> <img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card-body"> <div class="card-body">
<dv class="row"> <dv class="row">
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать исходник</button> <button class="btn btn-block">Скачать исходник</button>
@@ -153,9 +129,7 @@
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать stl </button> <button class="btn btn-block">Скачать stl </button>
</div> </div>
<div class="row"> <div class="row">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault"> <label class="form-check-label" for="flexCheckDefault">
@@ -166,17 +140,13 @@
<h5> 10.12.2004 </h5> <h5> 10.12.2004 </h5>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="col-4">
<div class="card"> <div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image"> <img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card-body"> <div class="card-body">
<dv class="row"> <dv class="row">
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать исходник</button> <button class="btn btn-block">Скачать исходник</button>
@@ -184,9 +154,7 @@
<div class="col"> <div class="col">
<button class="btn btn-block">Скачать stl </button> <button class="btn btn-block">Скачать stl </button>
</div> </div>
<div class="row"> <div class="row">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault"> <label class="form-check-label" for="flexCheckDefault">
@@ -197,39 +165,13 @@
<h5> 10.12.2004 </h5> <h5> 10.12.2004 </h5>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
</body> </body>
</html> </html>