vlcsolutions commited on
Commit
61c249a
·
verified ·
1 Parent(s): ecdcf8f

apply here - http://static.photos/technology/640x360/42

Browse files
Files changed (2) hide show
  1. index.html +2 -2
  2. style.css +8 -1
index.html CHANGED
@@ -302,8 +302,8 @@ Unlock Your Cloud Savings Potential Now
302
  </div>
303
  </div>
304
  <div data-aos="fade-left">
305
- <img src="http://static.photos/technology/640x360/42" alt="Cloud Cost Optimization" class="w-full rounded-xl shadow-xl">
306
- </div>
307
  </div>
308
  </section>
309
 
 
302
  </div>
303
  </div>
304
  <div data-aos="fade-left">
305
+ <img src="https://huggingface.co/spaces/vlcsolutions/cloud-cost-crusader-optimizer/resolve/main/images/microsoft-cloud-cost-right-banner.png" alt="Cloud Cost Optimization" class="w-full rounded-xl shadow-xl hovered-element">
306
+ </div>
307
  </div>
308
  </section>
309
 
style.css CHANGED
@@ -23,11 +23,18 @@ p {
23
  border: 1px solid lightgray;
24
  border-radius: 16px;
25
  }
26
-
27
  .card p:last-child {
28
  margin-bottom: 0;
29
  }
30
 
 
 
 
 
 
 
 
 
31
  .btn-primary {
32
  background: var(--vlc-navy);
33
  color: #fff;
 
23
  border: 1px solid lightgray;
24
  border-radius: 16px;
25
  }
 
26
  .card p:last-child {
27
  margin-bottom: 0;
28
  }
29
 
30
+ .hovered-element {
31
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
32
+ }
33
+
34
+ .hovered-element:hover {
35
+ transform: translateY(-5px);
36
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
37
+ }
38
  .btn-primary {
39
  background: var(--vlc-navy);
40
  color: #fff;