|
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