mirror of
https://github.com/ivabus/www
synced 2024-11-22 19:35:06 +03:00
Responsive work on feature rows
This commit is contained in:
parent
497a3b8feb
commit
ff127d05a6
1 changed files with 8 additions and 13 deletions
|
@ -153,7 +153,7 @@
|
|||
<div class="traffic-light"></div>
|
||||
</div>
|
||||
<div class="terminal-content p-5">
|
||||
<p class="teal">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p class="teal small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="speed-terminal">
|
||||
|
@ -163,21 +163,21 @@
|
|||
<div class="traffic-light"></div>
|
||||
</div>
|
||||
<div class="terminal-content p-5">
|
||||
<p class="teal">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p class="teal small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row feature-row p-5 one-box-down">
|
||||
<div class="col-7 flex">
|
||||
<div class="row feature-row p-xl-5 p-lg-5 p-md-3 p-sm-1 p-2 one-box-down">
|
||||
<div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 flex">
|
||||
<div class="feature-content">
|
||||
<h2>tea magic</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
<div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 xol-12">
|
||||
<div class="feature-terminal">
|
||||
<div class="terminal-bar black-bg flex-start p-1 ps-3">
|
||||
<div class="traffic-light"></div>
|
||||
|
@ -284,29 +284,22 @@
|
|||
</style>
|
||||
|
||||
|
||||
<!-- Statistics -->
|
||||
<!-- Statistics
|
||||
|
||||
<section class="statistics" style="padding-top: 8.371vw !important; padding-bottom: 8.371vw !important;">
|
||||
|
||||
<!-- Generative Art for the statistics section -->
|
||||
|
||||
<div class="gen-art" id="gen-art-5"></div>
|
||||
<div class="gen-art" id="gen-art-6"></div>
|
||||
<div class="gen-art" id="gen-art-7"></div>
|
||||
<div class="gen-art" id="gen-art-8"></div>
|
||||
<div class="gen-art" id="gen-art-9"></div>
|
||||
|
||||
<!-- End generative art -->
|
||||
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
|
||||
<h2>sta'tea'stics</h2>
|
||||
<p class="lead">Much like its predecessor, <a href="https://brew.sh/">brew</a>, tea is seeing a rapid rate of adoption. Developers around the world are doing amazing things with our next‐generation, cross‐platform package manager.</p>
|
||||
<p>In true open‐source fashion, we're asking the community for <a href="https://github.com/teaxyz/cli">contributions to tea/cli</a>, as well as packaging assistance in an effort to add the web's top 300 packages to <a href="https://github.com/teaxyz/pantry.zero#contributing">our pantry</a>. Now is the time to be an early contributor in what will inevitably become the foundation of the future internet.</p><br>
|
||||
<!-- Commenting this out until more data is available. Everything can fit on the homepage as of now.
|
||||
{{- partial "detail-btn-large.html" "#" -}}
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -343,4 +336,6 @@
|
|||
{{- partial "clipboard-copy.html" . -}}
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
{{ end }}
|
||||
|
|
Loading…
Reference in a new issue