HTTP/1.1 200 OK
Server: nginx/1.25.5
Date: Tue, 07 May 2024 07:52:43 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 29249
Connection: keep-alive
X-Frame-Options: DENY
Vary: origin
X-Content-Type-Options: nosniff
Referrer-Policy: same-origin
Cross-Origin-Opener-Policy: same-origin
<!DOCTYPE html>
<html lang="en">
<head>
<title>ARG INFO TECH</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" id="bootstrap-css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" id="font-awesome-css">
<link href="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style>
.hero-section {
background-color: #f9f9f9; /* Light gray background for the hero section */
transition: background-color 0.3s ease-in-out;
}
.hero-content h1, .hero-content p {
animation: fadeInUp 0.8s ease-out forwards;
opacity: 0; /* Start elements as invisible for animation */
}
.hero-content ul {
animation: fadeIn 1s ease-out 0.5s forwards;
opacity: 0; /* Start elements as invisible for animation */
}
.btn-primary {
transition: all 0.3s ease-in-out;
}
.btn-primary:hover {
transform: scale(1.1);
background-color: #003975; /* Darker shade on hover for tactile feedback */
}
@keyframes fadeInUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.hero-image img {
transition: transform 0.5s ease-in-out;
}
.hero-image img:hover {
transform: scale(1.05); /* Slight scale on hover for a dynamic feel */
}
.btn-primary {
transition: transform 0.3s ease;
background-color: #007bff; /* Button color */
border-color: #007bff; /* Button border color */
}
.btn-primary:hover {
transform: translateY(-3px);
background-color: #0056b3; /* Darker button color on hover */
border-color: #0056b3; /* Darker button border color on hover */
}
/* About Us Section */
.about-us {
background-color: #f8f9fa;
padding: 50px 0;
}
.animated-img {
transition: transform 0.3s ease;
border-radius: 8px;
}
.animated-img:hover {
transform: scale(1.03);
}
/* Typography */
h2, h3, h4 {
color: #0056b3;
}
.lead {
font-size: 1.2em;
color: #555;
}
.timeline {
list-style: none;
padding: 0;
}
.milestone {
position: relative;
margin-bottom: 20px;
padding: 20px;
background-color: #fff;
border-left: 5px solid #0056b3;
transition: transform 0.5s ease, background-color 0.5s ease;
}
.milestone:hover {
transform: translateY(-10px);
background-color: #f0f0f0;
}
.animated-entry {
opacity: 0;
animation: fadeInUp 1s forwards;
animation-delay: var(--animation-delay);
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.heading-line {
width: 10%; /* Width of the line as a percentage of its container */
height: 3px; /* Thickness of the line */
background-color: #0056b3; /* Color of the line */
margin: 10px auto 20px; /* Center the line horizontally with margin */
transition: width 0.5s ease; /* Animation effect for the line */
}
h3:hover + .heading-line {
width: 30%; /* Line expands when the heading is hovered */
}
.service-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: none;
border-radius: 0.5rem;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.card-title {
color: #0056b3; /* Primary color, adjust as needed */
}
i {
color: #0056b3; /* Icon color to match the theme */
}
.floating-icons {
position: relative;
height: 300px; /* Adjust based on the space next to the form */
}
.floating-icons i {
position: absolute;
opacity: 0;
animation: floatAnim ease-in-out infinite;
}
@keyframes floatAnim {
0%, 100% {
transform: translateY(0);
opacity: 0;
}
25%, 75% {
opacity: 1;
}
50% {
HTTP/1.1 200 OK
Server: gunicorn
Date: Tue, 07 May 2024 06:42:11 GMT
Connection: close
Content-Type: text/html; charset=utf-8
X-Frame-Options: DENY
Vary: origin
Content-Length: 29249
X-Content-Type-Options: nosniff
Referrer-Policy: same-origin
Cross-Origin-Opener-Policy: same-origin