Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add footer to the website #131

Open
wants to merge 1 commit into
base: development
Choose a base branch
from
Open

add footer to the website #131

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 53 additions & 25 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles.css"type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<link rel="stylesheet" href="styles.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>

<title>ProSolutions</title>
<title>ProSolutions</title>
</head>

<body>

<div id="scrollArrow" class="scroll-up-wrap">
<img src="arrow.gif" alt="" srcset="">
<img src="arrow.gif" alt="" srcset="">
</div>

<!-- Container -->
Expand Down Expand Up @@ -59,18 +59,19 @@
</ul>
</div>
</div>
</nav>
<!-- Bg Image -->
<div class="header-wrap">
</nav>
<!-- Bg Image -->
<div class="header-wrap">
<!--welcome text-->
<div class="welcome-outer">
<h6>INVENTING BETTER FUTURE</h6>
<h3>We try our best, and </br> we make sure we deliver the best</h3>
<p>Our company seeks enterprising solution suits for modern technology.We are here to enter </br>the globalizing world with our energy and effort.</p>
<p>Our company seeks enterprising solution suits for modern technology.We are here to enter </br>the
globalizing world with our energy and effort.</p>
</div>
</div>
</div>
</div>

<!-- About Section -->
<div class="container about" id="about">
<div class="row">
Expand All @@ -81,13 +82,17 @@ <h3>We try our best, and </br> we make sure we deliver the best</h3>
<h3 class="Secondary_Color">//ABOUT COMPANY</h3>
<h1>Your Partner For<br>Software <span class="Secondary_Color">Innovations</span></h1>
<p>
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.
</p>
<p>
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.
</p>
</div>
</div>
Expand All @@ -101,14 +106,14 @@ <h3 class="title-wrap">Our Contributors</h3>
</div>

<!--Solutions Section-->
<div class="solutions" id="solutions">
<div class="content">
<p>We Love What We Do And Solve Your IT</p>
<p><a href="#">Business Solutions</a></p>
</div>
<div class="solutions" id="solutions">
<div class="content">
<p>We Love What We Do And Solve Your IT</p>
<p><a href="#">Business Solutions</a></p>
</div>
</div>



<!--Technology Section-->
<div class="container technology">
<h3 class="title-wrap">Technology</h3>
Expand All @@ -117,8 +122,8 @@ <h3 class="title-wrap">Technology</h3>
<img src="assets/TechSection/angular.png" alt="angular" class="img-tech">
<img src="assets/TechSection/css3.png" alt="css3" class="img-tech">
<img src="assets/TechSection/html5.png" alt="html5" class="img-tech">
<img src="assets/TechSection/JS.png" alt="JS"class="img-tech">
<img src="assets/TechSection/py.png" alt="py"class="img-tech">
<img src="assets/TechSection/JS.png" alt="JS" class="img-tech">
<img src="assets/TechSection/py.png" alt="py" class="img-tech">
<img src="assets/TechSection/CProgramming.png" alt="CProgramming" class="img-tech">
<img src="assets/TechSection/Java.png" alt="Java" class="img-tech">
<img src="assets/TechSection/mongo.png" alt="mongo" class="img-tech">
Expand All @@ -129,7 +134,30 @@ <h3 class="title-wrap">Technology</h3>
<img src="assets/TechSection/intellij.png" alt="intellij" class="img-tech">
</div>
</div>

<div class="footer">
<div class="sec1">
<h4>__HELLO</h4> <br>
<h2><span>Pro</span>Solutions Company</h2>
<p>We try our best, and we make sure we deliver the best.</p>
<button>Print Webpage</button>
</div>

<div class="sec2">
<h2> Send Message</h2> <br>
<input type="text" placeholder="User email address"> <br> <br>
<textarea placeholder="Message" id="" cols="10" rows="10"></textarea> <br>
<button>Send</button>
</div>
<div class="sec3">
<h2>Contact Us</h2> <br>
<p>Email : [email protected]</p>
<p>Call Us : +94 767666012</p>
</div>
<hr>
<p class="copyright">Copyright 2023</p>
</div>
<script src="main.js"></script>
</body>
</body>

</html>
</html>
60 changes: 60 additions & 0 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
justify-content: space-between;

Copy link
Contributor Author

@kanhadharmikk kanhadharmikk Mar 27, 2023 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok i will update the PR

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@kanhadharmikk Did you update the PR?

}
.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{
Expand Down