ProSolutions company web site
Home Page: http://tharindulakshan.me/ProSolutions/
🌱 I’m currently learning DevOps and Machine Learning
💬 Ask me about Software Development
📫 How to reach me [email protected]
| Languages | Front-End | Back-End | Database | Version Control | Cloud | Devops | Mobile development | Artificial Intelligence(ML/DL) | Big Data | Blockchain |
|---|---|---|---|---|---|---|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
 |
||
Describe the bug
"office" image loading slowly
Expected behavior
Compress the image using the following link
https://compressjpeg.com/
Screenshots
Are you working on it?
No
Describe the bug
"Welcome text" is not good in the mobile phone view
Screenshots
Additional context
the new position of "welcome text"
Are you working on it?
No
Is your feature request related to a problem? Please describe.
The "Technology" section is not better
Describe the solution you'd like
Add the styles when hovering over the "Technology" icons. It should be as follows.
Additional context
You should include the style for the "Technology" section.
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Not a link for scroll to the "Contributors" section
Describe the solution you'd like
Add the link for "contributors" after the "about" link
Are you working on it?
No
Is your feature request related to a problem? Please describe.
All images should include in one folder
Describe the solution you'd like
arrow.gif file move to the assets folder
Additional context
Resolve all outstanding issues by moving the file.
Are you working on it?
No
Add the responsive navbar with bootstrap 5.
The solution
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
</head>
<body>
</body>
</html>
Additional context
You should link bootstrap 5 for the project.
Are you working on it?
No
Is your feature request related to a problem? Please describe.
The welcome text currently position is not good
Describe the solution you'd like
You should move The welcome text to the best position
Additional context
Are you working on it?
No
Business Consulation Screen is missing according to the figma design. Assign that to me and let me do the fixing.
The nav bar is scrolled when the browser scrolls down
Describe the solution you'd like
<nav class="fixed-top navbar navbar-expand-lg bg-body-tertiary">Are you working on it?
No
Is your feature request related to a problem? Please describe.
Doesn't scroll down to the "Our Contributors" section when clicking the "Contributors" link at top of the nav bar
Describe the solution you'd like
Use the HTML Hyperlinks
Are you working on it?
No
Describe the bug
The "About" image is small and not an "About" section margin-top
Expected behavior
Increase the image size and add the margin-top to match the website
Screenshots
Are you working on it?
No
Describe the bug
Rename the file and folder names as standard
Expected behavior
Are you working on it?
No
Describe the bug
An unwanted link is available.
Expected behavior
Remove the following link.
https://pro-solutions.vercel.app/
Screenshots
Are you working on it?
No
Is your feature request related to a problem? Please describe.
There is no space between the "Home" section and the "about" section
Describe the solution you'd like
Add space between the "about" section and the "Home" section.
Screenshot
Are you working on it?
Yes
Describe the bug
Office image does not scroll when the webpage does scroll
Expected behavior
Office image does not scroll when the webpage does scroll
Screenshots
Are you working on it?
No
Describe the bug
Change the background image URL
Expected behavior
Change the URL C:\Users\Administrator\Desktop\P01\ProSolutions\Assests\office.jpg
to assets/office.jpg
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Add as follows
Additional context
Use bootstrap 5
Are you working on it?
No
Add the home page image like this.
Additional context
Download the image from the resource file.
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Add social media icon as following
Describe the solution you'd like
Using HTML and CSS to add this icon
Additional context
You should include the hover effect
Are you working on it?
No
Describe the bug
About image is missing.
Expected behavior
Add the about image for the assets folder
Additional context
Download the about image in the resource link
Are you working on it?
No
Describe the bug
The technology icons size is more. It's not better
Expected behavior
Decrease the image size.
Screenshots
Are you working on it?
No
Describe the bug
Invisible the arrow icon when the first time loading.
Expected behavior
You should include the icon using provided icon image.
You can download the above icon
Screenshots
Additional context
You should remove the following code lines
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" /><span class="material-symbols-outlined">
keyboard_double_arrow_up
</span>You should change the styles as follows
.scroll-up-wrap{
position: fixed;
bottom: 30px;
right: 20px;
z-index: 100;
cursor: pointer;
display: none;
}Are you working on it?
No
Is your feature request related to a problem? Please describe.
Add the technologies that use our company.
Describe the solution you'd like
You should do like bellow this
Additional context
You can use https://icons8.com/ this website for download the icon
Are you working on it?
No
Describe the bug
A clear and concise description of what the bug is.
When the width of about company section is between 992px to 1200px width it keeps leaving empty space to its right.
Expected behavior
A clear and concise description of what you expected to happen.
I feel like it should be placed at center. With equal spaces on both sides
Screenshots
If applicable, add screenshots to help explain your problem.
Additional context
Add any other context about the problem here.
Are you working on it?
Yes
Is your feature request related to a problem? Please describe.
Profile pictures are better with a boarder around them.
Describe the solution you'd like
Add a border around the below profile Picture.
Are you working on it?
No
Is your feature request related to a problem? Please describe.
The scrollbar look is not better.
Describe the solution you'd like
Change the Scrollbar styles such as colour and size
Additional context
Use the following link to learn about it
https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
Are you working on it?
No
Describe the bug
"Solutions" banner height is more
Expected behavior
Decrese the hight of the "Solutions" banner
Screenshots
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Scroll down to the "solutions" banner section when clicking the solution button at the top of the nav bar
Are you working on it?
No
Is your feature request related to a problem? Please describe.
The ProSolution website deployed on another server. therefore we should update the Readme file with the new available link
Describe the solution you'd like
Add the new available link as follows.
Available at : https://pro-solutions.vercel.app/
Are you working on it?
No
Describe the bug
There is Empty space between the "about" section and the "contributors" section
Expected behavior
Remove the Empty space between the "about" section and the "contributors" section.
Screenshots
Are you working on it?
No
Is your feature request related to a problem? Please describe.
The "about" image is small. It is not good
Describe the solution you'd like
Increase the size of the "about" image
Additional context
This is not good look like
Are you working on it?
No
Add the welcome text
Additional context
Use the bootstrap container and row for responsive
Are you working on it?
No
Is your feature request related to a problem? Please describe.
should Scroll down to the "about" section when clicking the "about" link
Describe the solution you'd like
Use the basic HTML
Additional context
Are you working on it?
No
Describe the bug
About image is not visible.
Expected behavior
Change about image path as follows
src="assets/about.jpg"
No
Hello, I came across an issue on the website where contributor profiles don't have any links. It would be great if you could update the profiles with the appropriate URLs to make it easier for users to access their profiles and connect with them.
Are you working on it?
Yes
Describe the bug
There are some spelling and grammar mistakes in README.md.
Expected behavior
thechnologys
desing
Fork the this repository
TO
Technologies
Design
Fork this Repository
Screenshots
Additional context
Input proper spelling
Are you working on it?
No
Describe the bug
Unwanted codes are included.
Expected behavior
Remove the following codes.
index.html
<!-- loading animation -->
<div class="loading-wrap">
<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>
<!-- end loading animation -->styls.css
/* loading animation */
.loading-wrap{
display: flex;
justify-content: center;
display: none;
}
.lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-spinner div {
transform-origin: 40px 40px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: #ff0000;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* end loading animation */main.js
$('.loading-wrap').css('display','block')
$('.loading-wrap').css('display','none')
$('#btnShowMore').css('display','none')Are you working on it?
No
Describe the bug
Displayed the background colour when hovering on the "Technology" section icons.
Expected behavior
Existing code
.img-tech:hover {
border-color:rgba(36, 36, 250,0.3);
transform: scale(1.05);
background-color: rgba(36, 36, 250,0.1);
}Change like follows
.img-tech:hover {
transform: scale(1.05);
}Screenshots
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Add services as follows
Additional context
Use the bootstrap grid system.
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Make the about section responsive
Describe the solution you'd like
Hide the about image for mobile view.
Are you working on it?
No
Describe the bug
The welcome text is not responsive.
Expected behavior
The welcome text is not responsive.
Screenshots
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Add the footer for "ProSolution" website
Describe the solution you'd like
You should do like bellow this
Additional context
You should add the UI only.
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Change the colour on the scroll thumb when the thumb is hovering
Describe the solution you'd like
Change the CSS on the file
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Doesn't scroll down to the "Technology" section when clicking the "Technology" link at top of the nav bar
Describe the solution you'd like
Use the HTML Hyperlinks
Are you working on it?
No
Is your feature request related to a problem? Please describe.
Add the "Solutions" banner
Describe the solution you'd like
The banner should be as follows
Additional context
You can download an image from the resources google drive link.
Are you working on it?
No
Is your feature request related to a problem? Please describe.
The website title is home. it's a not good
Describe the solution you'd like
Change the title to ProSolutions
Are you working on it?
No
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.