restructure home

This commit is contained in:
2025-05-25 11:54:38 +02:00
parent e07d438fb2
commit 6c37cb4ddd
2 changed files with 62 additions and 63 deletions

61
static/css/home.css Normal file
View File

@@ -0,0 +1,61 @@
:root {
--primary-color: #16767b;
--secondary-color: #741b5f;
--primary-light: #1a8a90;
--secondary-light: #8a2170;
}
.navbar {
background-color: var(--primary-color) !important;
}
.hero-section {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 100px 0;
}
.feature-card {
border: none;
border-radius: 10px;
transition: transform 0.3s;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.feature-card:hover {
transform: translateY(-5px);
}
.feature-icon {
font-size: 2.5rem;
color: var(--primary-color);
margin-bottom: 1rem;
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:hover {
background-color: var(--primary-light);
border-color: var(--primary-light);
}
.btn-outline-primary {
color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-outline-primary:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
footer {
background-color: var(--primary-color) !important;
}
.nav-link:hover {
color: var(--secondary-color) !important;
}

View File

@@ -6,69 +6,7 @@
<title>DocuPulse - Legal Document Management</title> <title>DocuPulse - Legal Document Management</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style> <link rel="stylesheet" href="{{ url_for('static', filename='css/home.css') }}">
:root {
--primary-color: #16767b;
--secondary-color: #741b5f;
--primary-light: #1a8a90;
--secondary-light: #8a2170;
}
.navbar {
background-color: var(--primary-color) !important;
}
.hero-section {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 100px 0;
}
.feature-card {
border: none;
border-radius: 10px;
transition: transform 0.3s;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.feature-card:hover {
transform: translateY(-5px);
}
.feature-icon {
font-size: 2.5rem;
color: var(--primary-color);
margin-bottom: 1rem;
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:hover {
background-color: var(--primary-light);
border-color: var(--primary-light);
}
.btn-outline-primary {
color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-outline-primary:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
footer {
background-color: var(--primary-color) !important;
}
.nav-link:hover {
color: var(--secondary-color) !important;
}
</style>
</head> </head>
<body> <body>
<!-- Navigation --> <!-- Navigation -->