|
32 | 32 | directionReverse
|
33 | 33 | ></card>
|
34 | 34 | </div>
|
35 |
| - <div class="col-xl-3 col-sm-6 mb-xl-0 mb-4"> |
| 35 | + <div class="col-xl-3 col-sm-6 mb-xl-0"> |
36 | 36 | <card
|
37 | 37 | :title="stats.sales.title"
|
38 | 38 | :value="stats.sales.value"
|
|
42 | 42 | directionReverse
|
43 | 43 | ></card>
|
44 | 44 | </div>
|
45 |
| - <div class="row"> |
46 |
| - <div class="col-lg-7 mb-lg-0 mb-4"> |
47 |
| - <div class="card"> |
48 |
| - <div class="card-body p-3"> |
49 |
| - <div class="row"> |
50 |
| - <div class="col-lg-6"> |
51 |
| - <div class="d-flex flex-column h-100"> |
52 |
| - <p class="mb-1 pt-2 text-bold">Built by developers</p> |
53 |
| - <h5 class="font-weight-bolder">Soft UI Dashboard</h5> |
54 |
| - <p class="mb-5"> |
55 |
| - From colors, cards, typography to complex elements, you |
56 |
| - will find the full documentation. |
57 |
| - </p> |
58 |
| - <a |
59 |
| - class="text-body text-sm font-weight-bold mb-0 icon-move-right mt-auto" |
60 |
| - href="javascript:;" |
61 |
| - > |
62 |
| - Read More |
63 |
| - <i |
64 |
| - class="fas fa-arrow-right text-sm ms-1" |
65 |
| - aria-hidden="true" |
66 |
| - ></i> |
67 |
| - </a> |
68 |
| - </div> |
| 45 | + </div> |
| 46 | + <div class="row"> |
| 47 | + <div class="col-lg-7 mb-lg-0 mb-4"> |
| 48 | + <div class="card"> |
| 49 | + <div class="card-body p-3"> |
| 50 | + <div class="row"> |
| 51 | + <div class="col-lg-6"> |
| 52 | + <div class="d-flex flex-column h-100"> |
| 53 | + <p class="mb-1 pt-2 text-bold">Built by developers</p> |
| 54 | + <h5 class="font-weight-bolder">Soft UI Dashboard</h5> |
| 55 | + <p class="mb-5"> |
| 56 | + From colors, cards, typography to complex elements, you will |
| 57 | + find the full documentation. |
| 58 | + </p> |
| 59 | + <a |
| 60 | + class="text-body text-sm font-weight-bold mb-0 icon-move-right mt-auto" |
| 61 | + href="javascript:;" |
| 62 | + > |
| 63 | + Read More |
| 64 | + <i |
| 65 | + class="fas fa-arrow-right text-sm ms-1" |
| 66 | + aria-hidden="true" |
| 67 | + ></i> |
| 68 | + </a> |
69 | 69 | </div>
|
70 |
| - <div class="col-lg-5 ms-auto text-center mt-5 mt-lg-0"> |
71 |
| - <div class="bg-gradient-success border-radius-lg h-100"> |
| 70 | + </div> |
| 71 | + <div class="col-lg-5 ms-auto text-center mt-5 mt-lg-0"> |
| 72 | + <div class="bg-gradient-success border-radius-lg h-100"> |
| 73 | + <img |
| 74 | + src="../assets/img/shapes/waves-white.svg" |
| 75 | + class="position-absolute h-100 w-50 top-0 d-lg-block d-none" |
| 76 | + alt="waves" |
| 77 | + /> |
| 78 | + <div |
| 79 | + class="position-relative d-flex align-items-center justify-content-center h-100" |
| 80 | + > |
72 | 81 | <img
|
73 |
| - src="../assets/img/shapes/waves-white.svg" |
74 |
| - class="position-absolute h-100 w-50 top-0 d-lg-block d-none" |
75 |
| - alt="waves" |
| 82 | + class="w-100 position-relative z-index-2 pt-4" |
| 83 | + src="../assets/img/illustrations/rocket-white.png" |
| 84 | + alt="rocket" |
76 | 85 | />
|
77 |
| - <div |
78 |
| - class="position-relative d-flex align-items-center justify-content-center h-100" |
79 |
| - > |
80 |
| - <img |
81 |
| - class="w-100 position-relative z-index-2 pt-4" |
82 |
| - src="../assets/img/illustrations/rocket-white.png" |
83 |
| - alt="rocket" |
84 |
| - /> |
85 |
| - </div> |
86 | 86 | </div>
|
87 | 87 | </div>
|
88 | 88 | </div>
|
89 | 89 | </div>
|
90 | 90 | </div>
|
91 | 91 | </div>
|
92 |
| - <div class="col-lg-5"> |
93 |
| - <div class="card h-100 p-3"> |
| 92 | + </div> |
| 93 | + <div class="col-lg-5"> |
| 94 | + <div class="card h-100 p-3"> |
| 95 | + <div |
| 96 | + class="overflow-hidden position-relative border-radius-lg bg-cover h-100" |
| 97 | + style=" |
| 98 | + background-image: url('https://demos.creative-tim.com/soft-ui-dashboard/assets/img/ivancik.jpg'); |
| 99 | + " |
| 100 | + > |
| 101 | + <span class="mask bg-gradient-dark"></span> |
94 | 102 | <div
|
95 |
| - class="overflow-hidden position-relative border-radius-lg bg-cover h-100" |
96 |
| - style=" |
97 |
| - background-image: url('https://demos.creative-tim.com/soft-ui-dashboard/assets/img/ivancik.jpg'); |
98 |
| - " |
| 103 | + class="card-body position-relative z-index-1 d-flex flex-column h-100 p-3" |
99 | 104 | >
|
100 |
| - <span class="mask bg-gradient-dark"></span> |
101 |
| - <div |
102 |
| - class="card-body position-relative z-index-1 d-flex flex-column h-100 p-3" |
| 105 | + <h5 class="text-white font-weight-bolder mb-4 pt-2"> |
| 106 | + Work with the rockets |
| 107 | + </h5> |
| 108 | + <p class="text-white"> |
| 109 | + Wealth creation is an evolutionarily recent positive-sum game. |
| 110 | + It is all about who take the opportunity first. |
| 111 | + </p> |
| 112 | + <a |
| 113 | + class="text-white text-sm font-weight-bold mb-0 icon-move-right mt-auto" |
| 114 | + href="javascript:;" |
103 | 115 | >
|
104 |
| - <h5 class="text-white font-weight-bolder mb-4 pt-2"> |
105 |
| - Work with the rockets |
106 |
| - </h5> |
107 |
| - <p class="text-white"> |
108 |
| - Wealth creation is an evolutionarily recent positive-sum game. |
109 |
| - It is all about who take the opportunity first. |
110 |
| - </p> |
111 |
| - <a |
112 |
| - class="text-white text-sm font-weight-bold mb-0 icon-move-right mt-auto" |
113 |
| - href="javascript:;" |
114 |
| - > |
115 |
| - Read More |
116 |
| - <i |
117 |
| - class="fas fa-arrow-right text-sm ms-1" |
118 |
| - aria-hidden="true" |
119 |
| - ></i> |
120 |
| - </a> |
121 |
| - </div> |
| 116 | + Read More |
| 117 | + <i |
| 118 | + class="fas fa-arrow-right text-sm ms-1" |
| 119 | + aria-hidden="true" |
| 120 | + ></i> |
| 121 | + </a> |
122 | 122 | </div>
|
123 | 123 | </div>
|
124 | 124 | </div>
|
|
0 commit comments