|
18 | 18 | header(); |
19 | 19 | } |
20 | 20 | </script> |
| 21 | + <style> |
| 22 | + .carousel-caption { |
| 23 | + background-color: rgba(0, 0, 0, 0.4); /* Transparent dark background */ |
| 24 | + border-radius: 0.5rem; |
| 25 | + padding: 0.5rem 1rem; |
| 26 | + } |
| 27 | + |
| 28 | + .carousel-caption h5 { |
| 29 | + color: #ffffff; |
| 30 | + text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); /* Improves text visibility */ |
| 31 | + } |
| 32 | + </style> |
21 | 33 | </head> |
22 | 34 |
|
23 | 35 | <body onload='init()'> |
24 | 36 | <div id="headerDiv"></div> |
| 37 | + |
25 | 38 | <div class="container"> |
26 | 39 | <!-- Your code starts here --> |
27 | | - <div class="card mb-3 jumbotron" > |
| 40 | + <div id="labCarousel" class="carousel slide mb-4" data-ride="carousel" style="width: 100%;"> |
| 41 | + <div class="carousel-inner"> |
| 42 | + <div class="carousel-item active"> |
| 43 | + <img class="d-block w-100" src="photos/EoY2024.jpg" alt="End of Year 2024"> |
| 44 | + <div class="carousel-caption d-none d-md-block bg-opacity-70 p-2 rounded"> |
| 45 | + <h5>May 2024 -- End of Year Party</h5> |
| 46 | + </div> |
| 47 | + </div> |
| 48 | + <div class="carousel-item"> |
| 49 | + <img class="d-block w-100" src="photos/EoY2025.jpg" alt="End of Year 2025"> |
| 50 | + <div class="carousel-caption d-none d-md-block bg-opacity-70 p-2 rounded"> |
| 51 | + <h5>May 2025 -- End of Year Party</h5> |
| 52 | + </div> |
| 53 | + </div> |
| 54 | + <!-- Add more carousel-item divs as needed --> |
| 55 | + </div> |
| 56 | + <a class="carousel-control-prev" href="#labCarousel" role="button" data-slide="prev"> |
| 57 | + <span class="carousel-control-prev-icon" aria-hidden="true"></span> |
| 58 | + </a> |
| 59 | + <a class="carousel-control-next" href="#labCarousel" role="button" data-slide="next"> |
| 60 | + <span class="carousel-control-next-icon" aria-hidden="true"></span> |
| 61 | + </a> |
| 62 | + </div> |
| 63 | + |
| 64 | + <div class="card contentBoxNB"> |
| 65 | + <div class="card-header">About</div> |
| 66 | + <div class="card-body"> |
28 | 67 | <div class="row no-gutters"> |
29 | | - <div class="col-md-4 text-center"> |
| 68 | + <div class="col-md-3 text-center"> |
30 | 69 | <img src="imgs/InDeXLab2.gif" style="width: 100%;"/> |
31 | 70 | </div> |
32 | | - <div class="col-md-8"> |
33 | | - <p class="lead" style="width: 90%; text-align: left;"> |
34 | | - Innovative Data Exploration Laboratory (InDeX Lab) |
| 71 | + <div class="col-md-9"> |
| 72 | + Innovative Data Exploration Laboratory (InDeX Lab) |
35 | 73 | is an academic research group directed by Dr. <a href="https://www.cs.uic.edu/~asudeh/">A. Asudeh</a>, at the Computer Science department of the University of Illinois Chicago. |
36 | 74 | At InDeX Lab, we study different aspects of Big Data and Data Science, including data management, data analytics, and data mining, |
37 | 75 | for which we aim to find efficient, accurate, and scalable algorithmic solutions. |
38 | | - </p> |
39 | 76 | </div> |
40 | 77 | </div> |
41 | | - </div> |
42 | | - |
| 78 | + </div> |
| 79 | + </div> |
| 80 | + <div> </div> |
43 | 81 | <div class="card contentBoxNB"> |
44 | 82 | <div class="card-header">Highlights</div> |
45 | 83 | <div class="card-body" style="height: 80pt; overflow-y: scroll;"> |
|
0 commit comments