diff --git a/assets/jpeg/images.jpeg b/assets/jpeg/images.jpeg new file mode 100644 index 000000000..6682e4340 Binary files /dev/null and b/assets/jpeg/images.jpeg differ diff --git a/assets/jpeg/newimage.jpeg b/assets/jpeg/newimage.jpeg new file mode 100644 index 000000000..f20db0e8e Binary files /dev/null and b/assets/jpeg/newimage.jpeg differ diff --git a/assets/png/cpu scheduler.png b/assets/png/cpu scheduler.png new file mode 100644 index 000000000..b0989fc55 Binary files /dev/null and b/assets/png/cpu scheduler.png differ diff --git a/assets/png/elderly.png b/assets/png/elderly.png new file mode 100644 index 000000000..46ceb8d23 Binary files /dev/null and b/assets/png/elderly.png differ diff --git a/assets/png/gmail-ico.png b/assets/png/gmail-ico.png new file mode 100644 index 000000000..ab8227985 Binary files /dev/null and b/assets/png/gmail-ico.png differ diff --git a/assets/png/john-doe.png b/assets/png/john-doe.png index ba48a2973..aca7d0ca7 100644 Binary files a/assets/png/john-doe.png and b/assets/png/john-doe.png differ diff --git a/assets/png/nareen.jpeg b/assets/png/nareen.jpeg new file mode 100644 index 000000000..214b1c1af Binary files /dev/null and b/assets/png/nareen.jpeg differ diff --git a/assets/png/twitter-ico.png b/assets/png/twitter-ico.png index 5f4dddd35..578d9a4f1 100644 Binary files a/assets/png/twitter-ico.png and b/assets/png/twitter-ico.png differ diff --git a/assets/png/whatsapp-ico.png b/assets/png/whatsapp-ico.png new file mode 100644 index 000000000..c6ba630ed Binary files /dev/null and b/assets/png/whatsapp-ico.png differ diff --git a/css/style.css b/css/style.css index b8a6f7a73..79f6349f6 100644 --- a/css/style.css +++ b/css/style.css @@ -113,7 +113,7 @@ textarea { .heading-sec__sub { display: block; - text-align: center; + text-align: justify; color: #777; font-size: 2rem; font-weight: 500; @@ -170,10 +170,29 @@ textarea { .sec-pad { padding: 8rem 0; } } +.icon { + display: flex; + justify-content: center; /* Center align */ + align-items: center; + gap: 20px; /* Space between icons */ + margin-top: 20px; +} + +.icon img { + width: 40px; /* Adjust size */ + height: auto; + transition: transform 0.3s ease-in-out; /* Smooth transition */ +} + +.icon img:hover { + transform: translateY(-5px); /* Jump effect */ +} + .text-primary { color: #fff; + text-align: justify; font-size: 2.2rem; - text-align: center; + /* text-align: center; */ width: 100%; line-height: 1.6; } @media only screen and (max-width: 37.5em) { @@ -185,7 +204,7 @@ textarea { .home-hero { color: #fff; - background: linear-gradient(to right, rgba(0, 98, 185, 0.8), rgba(0, 98, 185, 0.8)), url(../../assets/svg/common-bg.svg); + background: linear-gradient(to right, rgba(0, 98, 185, 0.8), rgba(185, 21, 62, 0.8)), url(../../assets/svg/common-bg.svg); background-position: center; height: 100vh; min-height: 80rem; @@ -323,8 +342,9 @@ textarea { font-size: 1.7rem; } } .contact { - background: linear-gradient(to right, rgba(0, 98, 185, 0.8), rgba(0, 98, 185, 0.8)), url(../../assets/svg/common-bg.svg); + background: linear-gradient(to right, rgba(0, 98, 185, 0.8), rgba(185, 21, 62, 0.8)), url(../../assets/svg/common-bg.svg); background-size: cover; + justify-content: center; background-position: center; } .contact__form-container { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); diff --git a/dependencies.txt b/dependencies.txt new file mode 100644 index 000000000..84baa68d0 Binary files /dev/null and b/dependencies.txt differ diff --git a/index.html b/index.html index 230079f44..c02c03f08 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@ class="header__logo-img" /> - John Doe + NAREENTHIRAN BHUVANESWARAN