code
Этот коммит содержится в:
поставляемый
@@ -53,6 +53,12 @@ body {
|
|||||||
.padding_top_14 {
|
.padding_top_14 {
|
||||||
padding-top: 14rem; }
|
padding-top: 14rem; }
|
||||||
|
|
||||||
|
.vh_60 {
|
||||||
|
height: 60vh; }
|
||||||
|
|
||||||
|
.vh-77 {
|
||||||
|
height: 77vh; }
|
||||||
|
|
||||||
.vh-85 {
|
.vh-85 {
|
||||||
height: 85vh; }
|
height: 85vh; }
|
||||||
|
|
||||||
|
|||||||
поставляемый
+15
-15
@@ -14,12 +14,12 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header class=" bg-green">
|
<header class=" bg-green">
|
||||||
|
|
||||||
<!-- navbar -->
|
<!-- navbar -->
|
||||||
<div id="navbar-head"></div>
|
<div id="navbar-head"></div>
|
||||||
<!-- end-navbar -->
|
<!-- end-navbar -->
|
||||||
|
|
||||||
<div class="container vh-85 text-white ">
|
<div class="container vh-77 text-white ">
|
||||||
<div class="row h-100">
|
<div class="row h-100">
|
||||||
<div class="col-sm-4 padding_top_14 ">
|
<div class="col-sm-4 padding_top_14 ">
|
||||||
<h1 class="banner_heading_4">Anwi XCreate</h1>
|
<h1 class="banner_heading_4">Anwi XCreate</h1>
|
||||||
@@ -66,19 +66,19 @@
|
|||||||
|
|
||||||
</header>
|
</header>
|
||||||
<section class="productOverview container">
|
<section class="productOverview container">
|
||||||
<div class=" d-flex align-items-center container justify-content-between">
|
<div class=" d-flex align-items-center container justify-content-between">
|
||||||
<div>Overview</div>
|
<div>Overview</div>
|
||||||
<div>The Laptop of tomorrow with
|
<div>The Laptop of tomorrow with
|
||||||
4K OLED Dual Screen for Creative Multitasking</div>
|
4K OLED Dual Screen for Creative Multitasking</div>
|
||||||
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
|
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
|
||||||
amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
|
amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- footer -->
|
<!-- footer -->
|
||||||
<div id="footer-head"></div>
|
<div id="footer-head"></div>
|
||||||
<!-- end-footer -->
|
<!-- end-footer -->
|
||||||
|
|
||||||
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<script src="../../js/jquery.min.js"></script>
|
<script src="../../js/jquery.min.js"></script>
|
||||||
@@ -87,4 +87,4 @@
|
|||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -33,6 +33,14 @@
|
|||||||
|
|
||||||
// heights
|
// heights
|
||||||
|
|
||||||
|
.vh_60{
|
||||||
|
height: 60vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vh-77{
|
||||||
|
height: 77vh;
|
||||||
|
}
|
||||||
|
|
||||||
.vh-85 {
|
.vh-85 {
|
||||||
height: 85vh;
|
height: 85vh;
|
||||||
}
|
}
|
||||||
|
|||||||
Ссылка в новой задаче
Block a user