|
1 |
| - |
2 | 1 | <div class="jumbotron jumbo-dark horizontal-center background-image" id="features" style="position: relative;">
|
3 | 2 | <div class="container">
|
4 |
| - <h3 style="text-align:center;margin-bottom: 10px"> |
5 |
| - <span class="white-dot"></span> |
6 |
| - <span class="white-dot"></span> |
7 |
| - <span class="white-dot"></span> |
8 |
| - <span>Why use OOREP?</span> |
9 |
| - <span class="white-dot"></span> |
10 |
| - <span class="white-dot"></span> |
11 |
| - <span class="white-dot"></span> |
12 |
| - </h3> |
| 3 | + <div style="margin-bottom: 10px"> |
| 4 | + <div class="row justify-content-center" style="text-align: center;"> |
| 5 | + |
| 6 | + <div class="d-sm-none"> |
| 7 | + <h3> |
| 8 | + <span>Why use OOREP?</span> |
| 9 | + </h3> |
| 10 | +<!-- hide on screens wider than sm--> |
| 11 | + </div> |
| 12 | + |
| 13 | + <div class="d-none d-sm-block"> |
| 14 | + <h3> |
| 15 | + <span class="white-dot"></span> |
| 16 | + <span class="white-dot"></span> |
| 17 | + <span class="white-dot"></span> |
| 18 | + <span>Why use OOREP?</span> |
| 19 | + <span class="white-dot"></span> |
| 20 | + <span class="white-dot"></span> |
| 21 | + <span class="white-dot"></span> |
| 22 | + </h3> |
| 23 | +<!-- hide on screens smaller than md--> |
| 24 | + </div> |
| 25 | + |
| 26 | +<!-- <div class="d-none d-sm-block">--> |
| 27 | +<!-- <span class="white-dot"></span>--> |
| 28 | +<!-- <span class="white-dot"></span>--> |
| 29 | +<!-- <span class="white-dot"></span>--> |
| 30 | +<!-- </div>--> |
| 31 | +<!-- <h3 style="display: inline;">--> |
| 32 | +<!-- <span>Why use OOREP?</span>--> |
| 33 | +<!-- </h3>--> |
| 34 | +<!-- <div class="d-none d-sm-block">--> |
| 35 | +<!-- <span class="white-dot"></span>--> |
| 36 | +<!-- <span class="white-dot"></span>--> |
| 37 | +<!-- <span class="white-dot"></span>--> |
| 38 | +<!-- </div>--> |
| 39 | + </div> |
| 40 | + </div> |
13 | 41 | <div class="row">
|
14 | 42 | <div class="col-lg-4 col-sm-6">
|
15 | 43 | <div class="icon" data-aos-delay="400" data-aos="fade" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600" data-aos-once="true">
|
16 |
| - <img style="height:65px; width:55px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-penguin.png" alt="penguin"> |
| 44 | + <img style="height:65px; width:55px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-penguin.png" |
| 45 | + loading="lazy" |
| 46 | + alt="penguin"> |
17 | 47 | </div>
|
18 | 48 | <h4>Powered by open-source</h4>
|
19 | 49 | <p>Built using proven open-source technologies and products. You can also download all the source code and run your own version of the software.</p>
|
20 | 50 | </div>
|
21 | 51 | <div class="col-lg-4 col-sm-6">
|
22 | 52 | <div class="icon" data-aos-delay="400" data-aos="fade" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600" data-aos-once="true">
|
23 |
| - <img style="height:55px; width:55px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-browser.png" alt="browser"> |
| 53 | + <img style="height:55px; width:55px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-browser.png" |
| 54 | + loading="lazy" |
| 55 | + alt="browser"> |
24 | 56 | </div>
|
25 | 57 | <h4>Platform-independent</h4>
|
26 | 58 | <p>Works with any computer and OS. All you need is a web-browser - no installations, serial numbers or dongles.</p>
|
27 | 59 | </div>
|
28 | 60 | <div class="col-lg-4 col-sm-6">
|
29 | 61 | <div class="icon" data-aos-delay="400" data-aos="fade" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600" data-aos-once="true">
|
30 |
| - <img style="height:40px; width:50px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-book.png" alt="book"> |
| 62 | + <img style="height:40px; width:50px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-book.png" |
| 63 | + loading="lazy" |
| 64 | + alt="book"> |
31 | 65 | </div>
|
32 | 66 | <h4>Various sources</h4>
|
33 | 67 | <p>Search in well-known repertories and materia medicas like Kent, Boger, Hering, etc.</p>
|
34 | 68 | </div>
|
35 | 69 | <div class="col-lg-4 col-sm-6">
|
36 | 70 | <div class="icon" data-aos-delay="400" data-aos="fade" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600" data-aos-once="true">
|
37 |
| - <img style="height:40px; width:40px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-results.png" alt="results"> |
| 71 | + <img style="height:40px; width:40px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-results.png" |
| 72 | + loading="lazy" |
| 73 | + alt="results"> |
38 | 74 | </div>
|
39 | 75 | <h4>Get results fast</h4>
|
40 | 76 | <p>Very easy to use: only the essential features - no distractions, no non-sense.</p>
|
41 | 77 | </div>
|
42 | 78 | <div class="col-lg-4 col-sm-6">
|
43 | 79 | <div class="icon" data-aos-delay="400" data-aos="fade" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600" data-aos-once="true">
|
44 |
| - <img style="height:60px; width:60px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-search.png" alt="search"> |
| 80 | + <img style="height:60px; width:60px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-search.png" |
| 81 | + loading="lazy" |
| 82 | + alt="search"> |
45 | 83 | </div>
|
46 | 84 | <h4>Advanced search</h4>
|
47 | 85 | <p>Widen your search using wildcards, like <b>'cough*, dry*'</b>, or narrow it down using <b>'-'</b> (minus).</p>
|
48 | 86 | </div>
|
49 | 87 | <div class="col-lg-4 col-sm-6">
|
50 | 88 | <div class="icon" data-aos-delay="400" data-aos="fade" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600" data-aos-once="true">
|
51 |
| - <img style="height:55px; width:28px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-mobile.png" alt="mobile"> |
| 89 | + <img style="height:55px; width:28px;" src="@{org.multics.baueran.frep.backend.controllers.Get.staticServerUrl}@{org.multics.baueran.frep.backend.controllers.Get.staticAssetsPath}/img/icon-mobile.png" |
| 90 | + loading="lazy" |
| 91 | + alt="mobile"> |
52 | 92 | </div>
|
53 | 93 | <h4>Mobile friendly</h4>
|
54 | 94 | <p>Although repertorisation requires screen real estate, OOREP's responsive design supports mobile devices.</p>
|
|
0 commit comments