@@ -3,7 +3,122 @@ layout: default
33title : Related Work
44subtitle :
55---
6+
7+ <style >
8+ .cards-container {
9+ display : flex ;
10+ justify-content : space-between ;
11+ flex-wrap : wrap ;
12+ gap : 20px ;
13+ margin-top : 20px ;
14+ }
15+
16+ .card {
17+ flex : 1 ;
18+ min-width : 250px ;
19+ max-width : 320px ;
20+ background-color : #ffffff ;
21+ border : 1px solid #ddd ;
22+ border-radius : 8px ;
23+ overflow : hidden ;
24+ box-shadow : 0 2px 5px rgba (0 ,0 ,0 ,0.15 );
25+ transition : transform 0.3s ;
26+ }
27+
28+ .card :hover {
29+ transform : translateY (-5px );
30+ }
31+
32+ .card img {
33+ width : 100% ;
34+ height : auto ;
35+ display : block ;
36+ }
37+
38+ .card-content {
39+ padding : 15px ;
40+ }
41+
42+ .card-content h4 {
43+ margin-top : 0 ;
44+ margin-bottom : 10px ;
45+ }
46+
47+ .card-content p {
48+ font-size : 0.9em ;
49+ color : #555 ;
50+ }
51+
52+ .btn {
53+ display : inline-block ;
54+ margin-top : 10px ;
55+ padding : 8px 12px ;
56+ background-color : #007bff ;
57+ color : #fff ;
58+ text-decoration : none ;
59+ border-radius : 4px ;
60+ }
61+
62+ .btn :hover {
63+ background-color : #0056b3 ;
64+ }
65+ </style >
66+
67+
668# Contact
69+
70+ ## Organizers
71+
72+
73+ <div class =" cards-container " >
74+ <div class =" card " >
75+ <img src="assets/img/org/aut1.jpg" alt="Leonardo de Lellis Rossi">
76+ <div class="card-content">
77+ <h4>Leonardo de Lellis Rossi</h4>
78+ <p>PhD. Candidate - Unicamp - H.IAAC</p>
79+ <a href="mailto:l261900@dac.unicamp.br" class="btn">Send email</a>
80+ </div>
81+ </div >
82+
83+ <div class =" card " >
84+ <img src="assets/img/org/aut2.jpg" alt="Eduardo Camargo">
85+ <div class="card-content">
86+ <h4>Eduardo Camargo</h4>
87+ <p>Postdoc. - Unicamp - H.IAAC</p>
88+ <a href="mailto:cepc@unicamp.br" class="btn">Send email</a>
89+ </div>
90+ </div >
91+
92+ <div class =" card " >
93+ <img src="assets/img/org/aut3.jpg" alt="Paula D. P. Costa">
94+ <div class="card-content">
95+ <h4>Paula D. P. Costa</h4>
96+ <p>Professor and Research Scientist - Unicamp - H.IAAC</p>
97+ <a href="mailto:paulad@unicamp.br" class="btn">Send email</a>
98+ </div>
99+ </div >
100+
101+ <div class =" card " >
102+ <img src="assets/img/org/aut4.jpg" alt="Ricardo Gudwin">
103+ <div class="card-content">
104+ <h4>Ricardo Gudwin</h4>
105+ <p>Professor and Research Scientist - Unicamp - H.IAAC</p>
106+ <a href="mailto:gudwin@unicamp.br" class="btn">Send email</a>
107+ </div>
108+ </div >
109+
110+ <div class =" card " >
111+ <img src="assets/img/org/aut5.jpg" alt="Esther L. Colombini">
112+ <div class="card-content">
113+ <h4>Esther L. Colombini</h4>
114+ <p>Professor and Research Scientist - Unicamp - H.IAAC</p>
115+ <a href="mailto:estherlc@unicamp.br" class="btn">Send email</a>
116+ </div>
117+ </div >
118+ </div >
119+
120+ <hr >
121+
7122## Info
8123Our contact info are in the icons at the footer of the page.
9124
0 commit comments