From 7af215a2547a9adbf9d525e3cb9f9eeb6548a025 Mon Sep 17 00:00:00 2001 From: Chandrakanha Dharmik <66997330+kanhadharmikk@users.noreply.github.com> Date: Sun, 26 Mar 2023 19:34:49 +0530 Subject: [PATCH] add footer to the website --- index.html | 78 +++++++++++++++++++++++++++++++++++++----------------- styles.css | 60 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 113 insertions(+), 25 deletions(-) diff --git a/index.html b/index.html index 7ca15e2..819a448 100644 --- a/index.html +++ b/index.html @@ -11,16 +11,16 @@ - - + + - ProSolutions + ProSolutions
- +
@@ -59,18 +59,19 @@ - - -
+ + +
INVENTING BETTER FUTURE

We try our best, and
we make sure we deliver the best

-

Our company seeks enterprising solution suits for modern technology.We are here to enter
the globalizing world with our energy and effort.

+

Our company seeks enterprising solution suits for modern technology.We are here to enter
the + globalizing world with our energy and effort.

-
+
- +
@@ -81,13 +82,17 @@

We try our best, and
we make sure we deliver the best

//ABOUT COMPANY

Your Partner For
Software Innovations

- As the premier technology-oriented organization, we at Seekers Cloud work to challenge clients' assumptions about possibilities with our own ideas. - In our designs, we are all about producing something that people will enjoy. + As the premier technology-oriented organization, we at Seekers Cloud work to challenge clients' + assumptions about possibilities with our own ideas. + In our designs, we are all about producing something that people will enjoy.

- Our goal at Seekers Cloud is to challenge customers' preconceptions with our own ideas by offering cutting-edge technology. - We create all of our products to provide something that our customers will love. In order to back up our design claims, - we think that our designs are excellent examples of high-calibre magnum opuses where artistry and skill meet to inspire your thoughts and we assure you of top-notch job. + Our goal at Seekers Cloud is to challenge customers' preconceptions with our own ideas by offering + cutting-edge technology. + We create all of our products to provide something that our customers will love. In order to back up + our design claims, + we think that our designs are excellent examples of high-calibre magnum opuses where artistry and + skill meet to inspire your thoughts and we assure you of top-notch job.

@@ -101,14 +106,14 @@

Our Contributors

-
-
-

We Love What We Do And Solve Your IT

-

Business Solutions

-
+
+
+

We Love What We Do And Solve Your IT

+

Business Solutions

+
+ -

Technology

@@ -117,8 +122,8 @@

Technology

angular css3 html5 - JS - py + JS + py CProgramming Java mongo @@ -129,7 +134,30 @@

Technology

intellij
+ +
+
+

__HELLO


+

ProSolutions Company

+

We try our best, and we make sure we deliver the best.

+ +
+ +
+

Send Message


+

+
+ +
+
+

Contact Us


+

Email : prosolution@gmail.com

+

Call Us : +94 767666012

+
+
+

Copyright 2023

+
- + - + \ No newline at end of file diff --git a/styles.css b/styles.css index a133d75..bbd8698 100644 --- a/styles.css +++ b/styles.css @@ -212,6 +212,66 @@ text-align: center; .scroll-up-wrap img{ width: 30px; } + +.footer{ + display: flex; + background-color: rgb(235, 252, 253); + flex-wrap: wrap; + +} +.footer div{ + padding: 30px 60px; +} +span{ + color: red; +} +.footer p{ + font-size: 17px; + font-weight: 500; +} + +.sec1 button{ + background-color: #FF0000; + color: white; + padding: 10px 40px; + border: none; + border-radius: 5px; +} + +.sec2 input{ + width: 350px; + padding: 8px; + background-color: #f3f3f3; + border: none; +} +.sec2 textarea{ + height: 150px; + width: 350px; + padding: 8px; + background-color: #f3f3f3; + border: none; +} +.sec2 button{ + margin-top: 15px; + background-color: #FF0000; + border: none; + border-radius: 5px; + padding: 5px 25px; + color: white; +} +hr{ + width: 100%; + /* height: 10px; */ + border: 1px solid black; +} +.copyright{ + font-weight: 500; + display: flex; + margin:auto; + padding: 3px; + +} + /* End Scroll up arrow */ @media screen and (max-width: 1024px) { .img-tech{