forked from UKSOURCE/hailearning.edu.vn
refactor: merge code and update main.css, delete file css in component
This commit is contained in:
22
app/components/contact/DepartmentCardBlue.tsx
Normal file
22
app/components/contact/DepartmentCardBlue.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
export default function DepartmentCardBlue() {
|
||||
return (
|
||||
<div className="bg-primary text-white rounded-[16px] p-8 shadow-[0_8px_30px_rgb(38,60,111,0.15)] transition-all duration-300 flex flex-col h-full relative overflow-hidden">
|
||||
<div className="absolute top-0 right-0 w-32 h-32 bg-white/5 rounded-full -mr-10 -mt-10 blur-xl"></div>
|
||||
<div className="w-14 h-14 bg-white/10 rounded-[12px] flex items-center justify-center text-white text-2xl mb-6 backdrop-blur-sm border border-white/20">
|
||||
<i className="fas fa-microscope"></i>
|
||||
</div>
|
||||
<div className="contact-card-title font-display font-bold mb-3">Research Office</div>
|
||||
<p className="text-sm text-white/80 mb-6 flex-grow relative z-10">
|
||||
Grant applications, ethics committee approvals, lab space allocation, and cross-disciplinary collaboration opportunities.
|
||||
</p>
|
||||
<div className="pt-4 border-t border-white/20 mt-auto relative z-10">
|
||||
<a href="mailto:research@parisresearch.edu" className="flex items-center gap-3 text-sm text-white/90 hover:text-white mb-3 transition-colors">
|
||||
<i className="far fa-envelope w-4 opacity-80"></i> research@parisresearch.edu
|
||||
</a>
|
||||
<a href="tel:+33123456790" className="flex items-center gap-3 text-sm text-white/90 hover:text-white transition-colors">
|
||||
<i className="fas fa-phone w-4 opacity-80"></i> +33 1 23 45 67 90
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user