mirror of
https://github.com/RetroDECK/RetroDECK-Website.git
synced 2024-11-28 09:35:38 +00:00
Moved gradient background of right-hand column to single div for performance
This commit is contained in:
parent
8c57752ada
commit
b8183ae21a
156
features.html
156
features.html
|
@ -150,7 +150,8 @@
|
|||
|
||||
<!-- Feature List -->
|
||||
<div class="h5" id="feature-list">
|
||||
<div class="row feature-list-item gradient-spin my-gradient rounded-3" id="active-feature-item">
|
||||
<div class="row feature-list-item gradient-spin my-gradient rounded-3"
|
||||
id="active-feature-item">
|
||||
<div class="col">
|
||||
Pick Up and Play
|
||||
</div>
|
||||
|
@ -176,90 +177,105 @@
|
|||
|
||||
<!-- Right Column -->
|
||||
<div class="col-8" id="feature-detail-column">
|
||||
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="active-feature-detail">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen01.jpeg">
|
||||
<div class="my-gradient gradient-spin rounded-3">
|
||||
<div class="feature-detail-container rounded-3 p-3"
|
||||
id="active-feature-detail">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen01.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row py-2 m-1 rounded-3 feature-text-container">
|
||||
<div class="col">
|
||||
<h4>Don't waste time on setup</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row py-2 m-1 rounded-3 feature-text-container">
|
||||
<div class="col">
|
||||
<h4 >Don't waste time on setup</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
<div class="feature-detail-container rounded-3 p-3" id="">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen02.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen02.jpeg">
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row rounded-3 py-2 m-1">
|
||||
<div class="col">
|
||||
<h4>Don't waste time on setup #2</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row rounded-3 py-2 m-1">
|
||||
<div class="col">
|
||||
<h4>Don't waste time on setup #2</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
<div class="feature-detail-container rounded-3 p-3" id="">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen03.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen03.jpeg">
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row rounded-3 py-2 m-1">
|
||||
<div class="col">
|
||||
<h4>Don't waste time on setup #3</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row rounded-3 py-2 m-1">
|
||||
<div class="col">
|
||||
<h4>Don't waste time on setup #3</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
<div class="feature-detail-container rounded-3 p-3" id="">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen04.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="">
|
||||
<!-- Image/Video Container -->
|
||||
<div class="row" id="feature-media-container">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen04.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row rounded-3 py-2 m-1">
|
||||
<div class="col">
|
||||
<h4>Don't waste time on setup #4</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
<!-- Feature Detail Container -->
|
||||
<div class="row rounded-3 py-2 m-1">
|
||||
<div class="col">
|
||||
<h4>Don't waste time on setup #4</h4>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue