16 |
17 |
20 |
21 |
22 |
23 |
24 |
25 |
Current Services
26 |
27 |
28 |
29 |
30 |
Form Fill
31 | $2.1/-
32 | Qty:2
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
Xerox
41 | $1.7/-
42 | Qty:1
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
Ticket
51 | $3.2/-
52 | Qty:2
53 |
54 |
55 |
56 |
57 |
Total: $7.0/-
58 |
59 |
60 |
Previous Services
61 |
62 |
63 |
64 |
65 |
Ticket
66 | $2.1/-
67 | Qty:2
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
Form Fill
76 | $1.7/-
77 | Qty:1
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
Xerox
86 | $3.2/-
87 | Qty:2
88 |
89 |
90 |
91 |
Thank You
92 |
See More
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/dashboard.html:
--------------------------------------------------------------------------------
1 | {% load static %}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
User DashBoard
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
Vivek Prajapati
62 |
codervivek5@gmail.com
63 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
Good Morning, Vivek
79 | Your all activity is here...
80 |
81 |
82 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
History
95 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/login.html:
--------------------------------------------------------------------------------
1 | {% load static %}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
Login
10 |
11 |
12 |
13 |
14 |
15 |
16 |
Login
17 | {% if messages %}
18 |
19 | {% for message in messages %}
20 |
21 | {{ message }}
22 |
23 |
24 | {% endfor %}
25 | {% endif %}
26 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/loginemail.html:
--------------------------------------------------------------------------------
1 | {% load static %}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
Login
10 |
11 |
12 |
13 |
14 |
15 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/project.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
Product 1
18 | $2.1/-
19 | Qty:2
20 |
21 |
22 |
23 |
24 |
25 |
26 |
Product 2
27 | $1.7/-
28 | Qty:1
29 |
30 |
31 |
32 |
33 |
34 |
35 |
Product 3
36 | $3.2/-
37 | Qty:2
38 |
39 |
40 |
41 |
Total: $7.0/-
42 |
checkout
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/service.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
Responsive Services Section
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
Our Services
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
Service Heading
28 |
29 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quisquam
30 | consequatur necessitatibus eaque.
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
Service Heading
40 |
41 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quisquam
42 | consequatur necessitatibus eaque.
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
Service Heading
52 |
53 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quisquam
54 | consequatur necessitatibus eaque.
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
Service Heading
64 |
65 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quisquam
66 | consequatur necessitatibus eaque.
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
Service Heading
76 |
77 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quisquam
78 | consequatur necessitatibus eaque.
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
Service Heading
88 |
89 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quisquam
90 | consequatur necessitatibus eaque.
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/signup.html:
--------------------------------------------------------------------------------
1 | {%load static%}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
Sign Up
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
74 |
Already have an account?Login here
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
148 |
149 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/user_dashboard.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
User Dashboard
8 |
9 |
10 |
11 |
12 |
13 |
51 |
52 |
53 |
74 |
75 |
76 |
77 |
78 |
79 |
Good Morning, {{posts.first_name}}
80 | Your all activity is here...
81 |
82 |
83 |
84 |
1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima est excepturi ipsum illum corporis architecto. Consequuntur in vel sed, molestiae asperiores hic quos odit nesciunt a nemo corporis veniam voluptate.
85 |
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque velit suscipit dolor, ipsa voluptates consectetur quae cupiditate nam. Corrupti aperiam ratione numquam fuga hic praesentium ex, sit consectetur id est.
86 |
87 |
88 |
89 |
90 |
102 |
103 |
104 |
105 |
106 |
--------------------------------------------------------------------------------
/Django-FormFil/FormFil/templates/user_profile.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
User Profile
9 |
10 |
11 |
12 |
13 |
14 |
15 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 Vivek Prajapati
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-27-49.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-27-49.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-27-53.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-27-53.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-02.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-05.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-10.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-13.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-16.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-19.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-21.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-21.png
--------------------------------------------------------------------------------
/Mobile-app-UI/Screenshot from 2023-02-19 13-28-23.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/Screenshot from 2023-02-19 13-28-23.png
--------------------------------------------------------------------------------
/Mobile-app-UI/formfil.fig:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/formfil.fig
--------------------------------------------------------------------------------
/Mobile-app-UI/formfil.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/Mobile-app-UI/formfil.pdf
--------------------------------------------------------------------------------
/checkout page/laptop.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/checkout page/laptop.jpg
--------------------------------------------------------------------------------
/img/cart_img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/cart_img.png
--------------------------------------------------------------------------------
/img/cc.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/cc.jpg
--------------------------------------------------------------------------------
/img/crop_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/crop_logo.png
--------------------------------------------------------------------------------
/img/face1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face1.jpeg
--------------------------------------------------------------------------------
/img/face2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face2.jpeg
--------------------------------------------------------------------------------
/img/face3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face3.jpeg
--------------------------------------------------------------------------------
/img/face4.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face4.jpeg
--------------------------------------------------------------------------------
/img/face5.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face5.jpeg
--------------------------------------------------------------------------------
/img/face6.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face6.jpeg
--------------------------------------------------------------------------------
/img/face7.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face7.jpeg
--------------------------------------------------------------------------------
/img/face8.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face8.jpeg
--------------------------------------------------------------------------------
/img/face9.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/face9.jpeg
--------------------------------------------------------------------------------
/img/fevicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/fevicon.png
--------------------------------------------------------------------------------
/img/formError.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/formError.png
--------------------------------------------------------------------------------
/img/formfill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/formfill.png
--------------------------------------------------------------------------------
/img/image123.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/image123.jpg
--------------------------------------------------------------------------------
/img/image123.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/image123.png
--------------------------------------------------------------------------------
/img/laptop.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/laptop.jpg
--------------------------------------------------------------------------------
/img/login.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/login.jpg
--------------------------------------------------------------------------------
/img/loginuser.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/loginuser.jpeg
--------------------------------------------------------------------------------
/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/logo.png
--------------------------------------------------------------------------------
/img/moon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/moon.png
--------------------------------------------------------------------------------
/img/people.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/people.jpg
--------------------------------------------------------------------------------
/img/people.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/people.png
--------------------------------------------------------------------------------
/img/profile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/profile.jpg
--------------------------------------------------------------------------------
/img/sun.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/sun.png
--------------------------------------------------------------------------------
/img/ticket.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/ticket.jpeg
--------------------------------------------------------------------------------
/img/xerox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/img/xerox.png
--------------------------------------------------------------------------------
/pages/base.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
24 |
25 |
26 |
34 |
35 |
37 |
38 |
--------------------------------------------------------------------------------
/pages/candidate.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
checkout
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/pages/dashboard.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
User DashBoard
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
48 |
49 |
50 |
58 |
59 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
Vivek Prajapati
75 |
codervivek5@gmail.com
76 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
Good Morning, Vivek
92 | Your all activity is here...
93 |
94 |
95 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
History
108 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
--------------------------------------------------------------------------------
/pages/login.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Login
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
25 |
26 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
226 |
227 |
228 |
229 |
230 |
231 |
--------------------------------------------------------------------------------
/pages/project.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
Product 1
18 | $2.1/-
19 | Qty:2
20 |
21 |
22 |
23 |
24 |
25 |
26 |
Product 2
27 | $1.7/-
28 | Qty:1
29 |
30 |
31 |
32 |
33 |
34 |
35 |
Product 3
36 | $3.2/-
37 | Qty:2
38 |
39 |
40 |
41 |
Total: $7.0/-
42 |
checkout
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/pages/signup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Sign Up
9 |
10 |
11 |
12 |
13 |
14 |
39 |
Already have an account?Login here
40 |
41 |
42 |
--------------------------------------------------------------------------------
/pages/user_dashboard.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
User Dashboard
8 |
9 |
10 |
11 |
12 |
13 |
14 |
62 |
63 |
64 |
85 |
86 |
87 |
88 |
89 |
90 |
Good Morning, User
91 | Your all activity is here...
92 |
93 |
94 |
95 |
1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima est excepturi ipsum illum corporis architecto. Consequuntur in vel sed, molestiae asperiores hic quos odit nesciunt a nemo corporis veniam voluptate.
96 |
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque velit suscipit dolor, ipsa voluptates consectetur quae cupiditate nam. Corrupti aperiam ratione numquam fuga hic praesentium ex, sit consectetur id est.
97 |
98 |
99 |
100 |
101 |
102 |
History
103 |
112 |
113 |
114 |
115 |
116 |
117 |
--------------------------------------------------------------------------------
/pages/user_profile.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
User Profile
9 |
10 |
11 |
12 |
13 |
14 |
15 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/scripts/darkmode.js:
--------------------------------------------------------------------------------
1 | var icon = document.getElementById("icon");
2 | icon.onclick = function(){
3 | document.body.classList.toggle("dark-mode");
4 | if (document.body.classList.contains("dark-mode")){
5 | icon.src="../img/sun.png";
6 | }
7 | else {
8 | icon.src="../img/moon.png";
9 | }
10 | }
--------------------------------------------------------------------------------
/scripts/error.js:
--------------------------------------------------------------------------------
1 | /*=============== SCROLL REVEAL ANIMATION ===============*/
2 | const sr = ScrollReveal({
3 | distance: '90px',
4 | duration: 3000,
5 | })
6 |
7 | sr.reveal(`.home__data`, {origin: 'top', delay: 400})
8 | sr.reveal(`.home__img`, {origin: 'bottom', delay: 600})
9 | sr.reveal(`.home__footer`, {origin: 'bottom', delay: 800})
--------------------------------------------------------------------------------
/scripts/landing.js:
--------------------------------------------------------------------------------
1 | // const logo = document.querySelectorAll("#logo path");
2 | // for(let i=0;i
res.json())
3 | .then((data) => {
4 | data.profiles.forEach((element) => {
5 | cardsset.insertAdjacentHTML(
6 | "beforeend",
7 | `
8 |
9 |
10 |
11 |
20 |
`
21 | );
22 | });
23 | });
24 |
25 |
--------------------------------------------------------------------------------
/scripts/testimonial.js:
--------------------------------------------------------------------------------
1 | const testimonialData = [
2 | {
3 | pic: "https://cdn.pixabay.com/photo/2021/04/05/12/39/man-6153298_1280.jpg",
4 | content: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
5 | name: "Alex Warner"
6 | },
7 | {
8 | pic: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8ZmFjZXxlbnwwfHwwfHw%3D&w=1000&q=80",
9 | content: " It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
10 | name: "Drew Wills"
11 | },
12 | {
13 | pic: "https://img.freepik.com/free-photo/portrait-white-man-isolated_53876-40306.jpg",
14 | content: "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.",
15 | name: "Leo Board"
16 | },
17 | ];
18 |
19 | let i=0;
20 | let j= testimonialData.length;
21 |
22 |
23 | let mainContainer= document.getElementById("t-content");
24 |
25 | let nxtBtn= document.getElementById("next");
26 | let prevBtn= document.getElementById("prev");
27 |
28 | nxtBtn.addEventListener("click", () =>{
29 | i= (j+i+1)%j;
30 | displayTestimonial();
31 | })
32 |
33 | let displayTestimonial = () => {
34 | mainContainer.innerHTML =`
35 |
${testimonialData[i].content}
36 |
37 |
${testimonialData[i].name}
38 |
`
39 |
40 | console.log(testimonialData[i].name);
41 | };
42 |
43 | window.onload= displayTestimonial;
44 |
--------------------------------------------------------------------------------
/scripts/translate.js:
--------------------------------------------------------------------------------
1 | $('document').ready(function () {
2 |
3 |
4 | // RESTYLE THE DROPDOWN MENU
5 | $('#google_translate_element').on("click", function () {
6 |
7 | // Change font family and color
8 | $("iframe").contents().find(".goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div, .goog-te-menu2 *")
9 | .css({
10 | 'color': '#544F4B',
11 | 'font-family': 'Roboto',
12 | 'width':'100%'
13 | });
14 | // Change menu's padding
15 | $("iframe").contents().find('.goog-te-menu2-item-selected').css ('display', 'none');
16 |
17 | // Change menu's padding
18 | $("iframe").contents().find('.goog-te-menu2').css ('padding', '0px');
19 |
20 | // Change the padding of the languages
21 | $("iframe").contents().find('.goog-te-menu2-item div').css('padding', '20px');
22 |
23 | // Change the width of the languages
24 | $("iframe").contents().find('.goog-te-menu2-item').css('width', '100%');
25 | $("iframe").contents().find('td').css('width', '100%');
26 |
27 | // Change hover effects
28 | $("iframe").contents().find(".goog-te-menu2-item div").hover(function () {
29 | $(this).css('background-color', '#4385F5').find('span.text').css('color', 'white');
30 | }, function () {
31 | $(this).css('background-color', 'white').find('span.text').css('color', '#544F4B');
32 | });
33 |
34 | // Change Google's default blue border
35 | $("iframe").contents().find('.goog-te-menu2').css('border', 'none');
36 |
37 | // Change the iframe's box shadow
38 | $(".goog-te-menu-frame").css('box-shadow', '0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3)');
39 |
40 |
41 |
42 | // Change the iframe's size and position?
43 | $(".goog-te-menu-frame").css({
44 | 'height': '100%',
45 | 'width': '100%',
46 | 'top': '0px'
47 | });
48 | // Change iframes's size
49 | $("iframe").contents().find('.goog-te-menu2').css({
50 | 'height': '100%',
51 | 'width': '100%'
52 | });
53 | });
54 | });
--------------------------------------------------------------------------------
/style/about_us.css:
--------------------------------------------------------------------------------
1 | body{
2 | margin:0;
3 | padding:0;
4 | font-family: 'Times New Roman', Times, serif;
5 | }
6 | /* ............Footer ...............*/
7 | footer{
8 | text-align: center;
9 | padding: auto;
10 | }
11 | ul{
12 | text-align: justify;
13 | padding: auto;
14 | }
15 | .about{
16 | float: left;
17 | width: 30%;
18 | height: 100%;
19 | background-color: #7d50f8;
20 | font-style: sans-serif;
21 | color: #100404;
22 | border: 5px solid black;
23 | border-radius: 1rem;
24 | padding: 25px;
25 | right: -10%;
26 | box-shadow: 10px 10px #7d50f8;
27 |
28 | }
29 | .img1{
30 | float: right;
31 | position: relative;
32 | max-width: 50%;
33 | max-height: 50%;
34 | width: 150px;
35 | height: 150px;
36 | top: -25px;
37 | left:-50%;
38 | font-family:'Lato',sans-serif;
39 | font-size:30px;
40 | font-weight:600;
41 | color:#fff;
42 | padding: auto;
43 | }
44 | .container-about{
45 | display: flex;
46 | justify-content: space-between;
47 | align-items: center;
48 | position: relative;
49 | top: 20vh;
50 | padding: 0px 25px;
51 | }
52 | .content-about h1{
53 | color: #fdfcff;
54 | }
55 |
56 | .content-about p{
57 | color: rgb(245, 242, 242);
58 | }
59 | section {
60 | height: 100vh;
61 | width: 100%;
62 | display: grid;
63 | place-items: center;
64 | background-color: #d1d1d0;
65 |
66 | }
67 |
68 | .social div{
69 | display: flex;
70 | flex-direction: column !important;
71 | justify-content: center;
72 | margin-left: 30px;
73 | }
--------------------------------------------------------------------------------
/style/base.css:
--------------------------------------------------------------------------------
1 | body{
2 | margin:0;
3 | padding:0;
4 | background:black;
5 | font-family: 'Times New Roman', Times, serif;
6 | }
7 | .main{
8 | position: relative;
9 | height:100vh;
10 | width:100%;
11 | background:linear-gradient(rgba(244, 245, 243, 0.712),#7b378ec4);
12 | background-position: center;
13 | background-repeat: no-repeat;
14 | background-size: cover;
15 | opacity: 0.8;
16 |
17 | }
18 | .main .navbar{
19 | position: absolute;
20 | height:16%;
21 | width:99%;
22 | /* background-color: rgba(143, 135, 132, 0.274); */
23 | }
24 |
25 | .social div{
26 | display: flex;
27 | flex-direction: column !important;
28 | justify-content: center;
29 | margin-left: 30px;
30 | }
31 |
32 | .main .navbar .logo{
33 | position: relative;
34 | width: 150px;
35 | height: 150px;
36 | top: -25px;
37 | left:15%;
38 | font-family:'Lato',sans-serif;
39 | font-size:35px;
40 | font-weight:600;
41 | color:#fff;
42 | cursor:pointer;
43 | float:left;
44 | text-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);
45 | }
46 | .main .navbar ul{
47 | position: relative;
48 | height:100%;
49 | width:50%;
50 | color:black;
51 | float:right;
52 | }
53 | .main .navbar ul li{
54 | list-style-type: none;
55 | display: inline-block;
56 | }
57 | .main .navbar ul .lgn{
58 | border:2px solid #041935;
59 | padding: 6px 10px;
60 | background-color: #2a1958;
61 | color: #fff;
62 | }
63 | .main .navbar ul li a{
64 | position: relative;
65 | text-decoration: none;
66 | display: block;
67 | box-sizing: border-box;
68 | text-shadow:0px 5px 5px rgba(0, 0, 0, 35%);
69 | color:black;
70 | font-family:'cinzel',sans-serif;
71 | font-size:15px;
72 | font-weight: 600;
73 | padding:10px;
74 | width:100%;
75 | height:auto;
76 | }
77 | .main .navbar ul li a:before{
78 | position: absolute;
79 | content: '';
80 | height:2px;
81 | width:0;
82 | background:#2a1958;
83 | left:0;
84 | bottom:0;
85 | transition: 0.5s ease-in-out width;
86 | }
87 | .main .navbar ul li a:hover:before,
88 | .main .navbar ul li a.active:before{
89 | width:100%;
90 | }
91 | .main .navbar ul li span{
92 | padding:2px;
93 | font-size:24px;
94 | color:#fff;
95 | font-weight:200;
96 | }
97 | .img{ margin-left: 63%;
98 | }
99 |
100 | .dropdown {
101 | position: relative;
102 | display: inline-block;
103 | }
104 |
105 | .dropdown-content {
106 | display: none;
107 | position: absolute;
108 | background-color: #f1f1f1;
109 | min-width: 160px;
110 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
111 | z-index: 1;
112 | }
113 |
114 | .dropdown-content a {
115 | color: black;
116 | padding: 12px 16px;
117 | text-decoration: none;
118 | display: block;
119 | }
120 |
121 | .dropdown-content a:hover {background-color: #ddd;}
122 |
123 | .dropdown:hover .dropdown-content {display: block;}
124 |
125 | /* .dropdown:hover .dropbtn {background-color: #3e8e41;} */
126 |
127 | /* _____________________________________________________________________ */
128 |
--------------------------------------------------------------------------------
/style/candidate.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
6 | .container{
7 | min-height: 100vh;
8 | width: 100%;
9 | display:flex;
10 | flex-direction: column;
11 | background-color: aliceblue;
12 | background-image:url("../img/image123.jpg");
13 | color:#963e7a;
14 | background-repeat: center;
15 | background-size: cover;
16 | background-position: center;
17 | }
18 | .container .card{
19 | width: 60rem;
20 | margin:auto;
21 | background: #ffff;
22 | position:center;
23 | align-self: center;
24 | top:60rem;
25 | border-radius: 1.5rem;
26 | box-shadow:4px 3px 20px black;
27 | display:flex;
28 | flex-direction: row;
29 | }
30 | .container .leftside{
31 | background: rgba(0, 0, 0, 0.719);
32 | width: 40rem;
33 | display:inline-flex;
34 | align-items: center;
35 | justify-content:center;
36 | border-top-left-radius: 1.5rem;
37 | border-bottom-left-radius:1.5rem ;
38 | }
39 | .item{
40 | object-fit: cover;
41 | width: 20em;
42 | height:20em;
43 | border-radius: 100%;
44 | }
45 | .rightside{
46 | background-color: rgba(245, 245, 245, 0.736);
47 | width: 40rem;
48 | border-bottom-right-radius: 1.5rem;
49 | border-top-right-radius: 1.5rem;
50 | padding: 1rem 2rem 3rem 3rem;
51 | }
52 | p{
53 | display:block;
54 | font-size: 1.1rem;
55 | font-weight: 500;
56 | margin-top:.1rem ;
57 |
58 | }
59 | .inputbox{
60 | color:#030303;
61 | width: 100%;
62 | padding:0.5rem;
63 | border:none;
64 | border-bottom: 1.5px solid #ccc;
65 | margin-bottom:1rem;
66 | border-radius: 0;
67 | color:#615a5a;
68 | font-size:1.1rem;
69 | font-weight: 400;
70 | outline: none;
71 | }
72 | .evpcvv{
73 | display:flex;
74 | justify-content: space-between;
75 | padding:6rem;
76 |
77 | }
78 | .evpcvv_text{
79 | padding: 0 1rem;
80 | }
81 | .evpcvv_text1{
82 | padding: 0 1rem;
83 | }
84 | .button{
85 | background: linear-gradient(135deg,#298096 0%,#753370 100%);
86 | padding: 15px;
87 | border:none;
88 | border-radius: 50px;
89 | color:aliceblue;
90 | font-weight: 400;
91 | font-size: 1.2rem;
92 | margin-top:10px;
93 | width: 100%;
94 | letter-spacing: .11rem;
95 | outline:none;
96 | }
97 | .button:hover{
98 | transform:scale(1.05) translateY(-3) ;
99 | box-shadow:3px 3px 6px #38373785;
100 | transition:.5s
101 | }
102 |
103 | .social div{
104 | display: flex;
105 | flex-direction: column !important;
106 | justify-content: center;
107 | margin-left: 30px;
108 | }
--------------------------------------------------------------------------------
/style/cart-style.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | font-family: "Poppins", sans-serif;
6 | }
7 | body{
8 | background: linear-gradient(rgba(244, 245, 243, 0.712),rgb(148,0,211)) !important;
9 |
10 | }
11 | .total{
12 | justify-content: center;
13 | text-align: center;
14 | display: flex;
15 | padding-bottom: 50px;
16 | }
17 |
18 | .cart{
19 | border:3.5px solid;
20 | padding: 2rem 10rem ;
21 | border-radius: .5rem;
22 | border-color:rgba(122,60,60,0.87);
23 | background:linear-gradient(#fff,#cd8ddfc4);
24 | margin: auto 0 !important;
25 |
26 | }
27 |
28 | .box1{
29 | display: flex;
30 | flex-direction: row;
31 | }
32 | .content h4{
33 | font-size: 1rem;
34 | font-weight: bold;
35 | letter-spacing: 2px;
36 | }
37 | .order h2{
38 | color: #2a1958;
39 | font-size: 2rem !important;
40 | letter-spacing: 3px;
41 | margin-bottom: 50px;
42 | font-weight: bold;
43 | text-transform: uppercase;
44 | font-weight: bold;
45 | }
46 | .total p{
47 | font-size: 2.5rem;
48 | margin-top: 2rem;
49 | letter-spacing: 2px;
50 | }
51 |
52 | .cart .box{
53 | border:2px solid rgba(122,60,60,0.87);
54 | display: flex;
55 | flex-direction: column;
56 | align-items: center;
57 | /* position: relative; */
58 | padding: 30px;
59 | margin: 0 40px;
60 | border-radius: .2rem;
61 | background: linear-gradient(rgba(244, 245, 243, 0.712),#7b378ec4);
62 | }
63 |
64 | .cart .box .content h3{
65 | color: #2a1958;
66 | font-size: 1.2rem;
67 | padding-bottom: 1rem;
68 | }
69 | .content{
70 | justify-content: center;
71 | margin: auto 0 !important;
72 | }
73 | .cart .box .content span{
74 | color:black;
75 | font-size: 1.2rem;
76 | letter-spacing: 1.5px;
77 | font-weight: 700;
78 | }
79 |
80 | .cart .box .content .quantity{
81 | font-size: 1.1rem;
82 | }
83 |
84 | .cart .box img{
85 | border-radius: 2.8rem;
86 | border-color:red;
87 | }
88 |
89 | .cart .total{
90 | font-size: 1.4rem;
91 | padding: .4rem 0;
92 | color: black;
93 | margin-left:20px;
94 | }
95 |
96 | .btn{
97 | margin-top: 3rem;
98 | display: inline-block;
99 | text-align: center;
100 | font-size: 1.3rem;
101 | border:.2rem solid rgba(122,60,60,0.87);
102 | background-color: #2a1958;
103 | color:white;
104 | cursor: pointer;
105 | letter-spacing: 1.5px;
106 | text-transform: uppercase;
107 | padding: 1.5rem 2.5rem !important;
108 | }
109 |
110 | .btn:hover{
111 | background-color: rgba(122,60,60,0.2);
112 | color: purple;
113 | border:.2rem solid rgba(122,60,60,0.87);
114 | }
115 |
116 | .cart h2{
117 | font-size: 1.2rem;
118 | text-align: center;
119 | /* color: rgba(122, 60, 60, 0.87);*/
120 | color:#2a1958;
121 | }
122 |
123 | .header h3{
124 | margin-top: 30px;
125 | margin-bottom: 40px;
126 | color: #2a1958 !important;
127 | font-size: 4rem;
128 | letter-spacing: 7px;
129 | font-weight: bold;
130 | text-align: center;
131 | text-shadow: 2px 2px 10px purple;
132 | }
133 |
134 |
135 | .social div{
136 | display: flex;
137 | flex-direction: column !important;
138 | justify-content: center;
139 | margin-left: 30px;
140 | }
141 |
142 | @media screen and (max-width:990px){
143 | .box1{
144 | flex-direction: column;
145 | }
146 | .header h3{
147 | font-size: 200%;
148 | }
149 | }
150 | @media screen and (max-width:500px){
151 | .cart{
152 | padding: 0 !important;
153 | }
154 | .cart .box{
155 | padding: 5px;
156 | display:block;
157 | margin: 0;
158 | }
159 | }
--------------------------------------------------------------------------------
/style/contact-us-handset.css:
--------------------------------------------------------------------------------
1 | body {
2 | overflow-x: hidden;
3 | }
4 |
5 | .hh{
6 | margin-top: 4.2pc;
7 | }
8 |
9 | .hamburger {
10 | display: block;
11 | }
12 |
13 | .hamburger.activated {
14 | background-color: #A273AF;
15 | }
16 |
17 | .hamburger.activated .bar:nth-child(2) {
18 | opacity: 0;
19 | }
20 |
21 | .hamburger.activated .bar:nth-child(1) {
22 | transform: translateY(8px) rotate(45deg);
23 | }
24 |
25 | .hamburger.activated .bar:nth-child(3) {
26 | transform: translateY(-8px) rotate(135deg);
27 | }
28 |
29 | #compimg{
30 | display: none;
31 | }
32 |
33 | #box {
34 | display: flex;
35 | flex-direction: column-reverse;
36 | justify-content: center;
37 | align-items: center;
38 | }
39 |
40 | .row .column {
41 | float: left;
42 | width: 85%;
43 | margin-top: 6px;
44 | padding: 20px;
45 | }
46 |
47 | footer {
48 | background-color: #33383c;
49 | padding: 70px 0px;
50 | margin-top: 60pc;
51 | z-index: -100;
52 | }
53 |
54 | #button {
55 | display: flex;
56 | justify-content: center;
57 | align-items: center;
58 | }
59 |
60 | @media screen and (max-width: 780px) {
61 | footer {
62 | background-color: #33383c;
63 | padding: 70px 0px;
64 | margin-top: 42pc;
65 | }
66 | }
67 |
68 | @media screen and (max-width: 510px) {
69 | footer {
70 | background-color: #33383c;
71 | padding: 70px 0px;
72 | margin-top: 32pc;
73 | }
74 | }
75 |
76 | .social div{
77 | display: flex;
78 | flex-direction: column !important;
79 | justify-content: center;
80 | margin-left: 30px;
81 | }
--------------------------------------------------------------------------------
/style/contact-us.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: Arial, Helvetica, sans-serif;
3 | margin: 0;
4 | padding: 0;
5 | background-color: black;
6 | background: linear-gradient(rgba(244, 245, 243, 0.712), #7b378ec4);
7 | }
8 |
9 | /* main */
10 | .main {
11 | position: relative;
12 |
13 | width: 100%;
14 |
15 | background-position: center;
16 | background-repeat: no-repeat;
17 | background-size: cover;
18 | opacity: 0.8;
19 |
20 | }
21 |
22 | /* _________________________________________________________________________ */
23 |
24 | .main{
25 | padding-bottom: 10%;
26 | }
27 | * {
28 | box-sizing: border-box;
29 | }
30 |
31 | .touch {
32 | text-align: center;
33 | text-transform: capitalize;
34 | text-shadow: #f2f2f2;
35 | text-decoration: double;
36 | font-size: xx-large;
37 | }
38 |
39 | .con {
40 | margin-top: 19%;
41 | }
42 |
43 | input[type=text],input[type=number], select, textarea {
44 | width: 100%;
45 | padding: 12px;
46 | border: 3px solid rgb(91, 91, 240);
47 | border-radius: 5px;
48 | margin-top: 6px;
49 | margin-bottom: 16px;
50 | resize: vertical;
51 | }
52 |
53 | input[type=submit] {
54 | background-color:blueviolet;
55 | color: white;
56 | padding: 12px 20px;
57 | border: none;
58 | cursor: pointer;
59 | border-radius: 15px;
60 | }
61 |
62 | input[type=submit]:hover {
63 | background-color: #b31d89;
64 |
65 | }
66 |
67 | .hamburger {
68 | display: none;
69 | cursor: pointer;
70 | padding-top: 23px;
71 | padding-bottom: 23px;
72 | background-color: #A273AF;
73 | }
74 |
75 | .bar {
76 | display: flex;
77 | width: 30px;
78 | height: 3px;
79 | margin-bottom: 5px;
80 | margin-top: 0px;
81 | margin-left: 25px;
82 | -webkit-transition: all 0.3s ease-in-out;
83 | transition: all 0.3s ease-in-out;
84 | background-color: white
85 | }
86 |
87 |
88 | .hh {
89 |
90 | margin-top: 5%;
91 | }
92 |
93 | .container {
94 | margin-top: 0%;
95 | border-radius: 10px;
96 | background-color: #f2f2f2;
97 | padding: 10px;
98 | margin-bottom: 50px;
99 | }
100 |
101 | .column {
102 | float: left;
103 | width: 50%;
104 | margin-top: 6px;
105 | padding: 20px;
106 | }
107 |
108 | .row:after {
109 | content: "";
110 | display: table;
111 | clear: both;
112 | }
113 |
114 |
115 | /* ............Footer ...............*/
116 |
117 | footer{
118 | background-color: #33383c;
119 | padding:70px 0px;
120 | }
121 |
122 | footer ul li{
123 | padding:5px 0px;
124 | }
125 |
126 | .adress span , .contact span , .social span, .service span{
127 | color: #FFF;
128 | font-weight: 800;
129 | padding-bottom: 10px;
130 | margin-bottom: 20px;
131 | display: block;
132 | text-transform: uppercase;
133 | font-size: 20px;
134 | letter-spacing: 3px;
135 | }
136 |
137 | .adress li p , .contact li a , .social li a, .service li a{
138 | color:#FFF;
139 | letter-spacing: 2px;
140 | text-decoration:none;
141 | font-size:15px;
142 | }
143 |
144 | .social li{
145 | float:left;
146 | }
147 |
148 | .adress , .contact , .social , .service{
149 | list-style: none;
150 | }
151 |
152 | .fa{
153 | color:#9c9c9c;
154 | margin-right: 15px;
155 | font-size:14px;
156 | }
157 |
158 | .social div{
159 | display: flex;
160 | flex-direction: column !important;
161 | justify-content: center;
162 | margin-left: 30px;
163 | }
--------------------------------------------------------------------------------
/style/dashboard.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | font-family: 'poppins', sans-serif;
6 | }
7 | body{
8 | background-color: #fff;
9 | }
10 |
11 | .container {
12 | display: flex;
13 | /* border: 2px solid red; */
14 | background-color: #d1d1d0;
15 | box-shadow: inset 0 0 7px #000000;
16 | border-radius: 15px;
17 | padding: 20px 0px;
18 | justify-content: space-around;
19 | position: relative;
20 | top: 100px;
21 | padding: 30px 0px;
22 | }
23 |
24 | .card {
25 | background-color: #d1d1d0;
26 | height: 450px;
27 | box-shadow: 0px 0px 10px 5px #888888;
28 | border-radius: 8px;
29 | }
30 |
31 | /* card-1 design................ */
32 |
33 |
34 | .card-1 .profile{
35 | margin-top: 30px;
36 | display: flex;
37 | flex-direction: column;
38 | align-items: center;
39 | }
40 |
41 | .card-1 .profile img{
42 | border: 2px solid rgb(14, 15, 14);
43 | border-radius: 50%;
44 | margin-bottom: 20px;
45 | width: 25%;
46 | }
47 |
48 | .card-1 .profile h3{
49 | color:#041935;
50 | margin: 2px 0px;
51 | }
52 |
53 | .card-1 .profile h5{
54 | color:#041935;
55 | margin-bottom: 10px;
56 | }
57 |
58 | .card-1 .links ul {
59 | position: relative;
60 | top: 20px;
61 | list-style: none;
62 | display: flex;
63 | flex-direction: column;
64 | align-items: center;
65 | }
66 |
67 | .card-1 .links ul li{
68 | margin: 8px 0px;
69 |
70 | }
71 | .card-1 .links ul li a{
72 | text-decoration: none;
73 | font-weight: 600;
74 | color: brown;
75 |
76 | }
77 |
78 |
79 | /* card-2 design............ */
80 |
81 |
82 | .card-2 {
83 | /* border: 2px solid yellow; */
84 | width: 50%;
85 | }
86 | .wlcm{
87 | margin-left: 15px;
88 | }
89 | .card-2 h1{
90 | color: #041935;
91 |
92 | }
93 |
94 | .card-2 h3{
95 | color: #041935;
96 | margin: 3px 0px;
97 | font-weight: 500;
98 |
99 | }
100 |
101 | .card-2 .activites {
102 | display: flex;
103 | flex-direction: column;
104 | align-items: center;
105 | justify-content: space-between;
106 | position: relative;
107 | top: 30px;
108 |
109 | }
110 |
111 | .card-2 .activity {
112 | height: 150px;
113 | width: 90%;
114 | margin: 5px 0px;
115 | border-radius: 10px;
116 | background: rgb(105, 211, 179);
117 | }
118 |
119 | /* .card-3 design................ */
120 |
121 | .card-3 {
122 | /* border: 2px solid firebrick; */
123 | list-style: none;
124 | width: 20%;
125 | border-left:2px solid #041935;
126 |
127 | }
128 | .card-3 h2{
129 | color: #041935;
130 | margin: 20px 0px;
131 | text-decoration: underline;
132 | display: flex;
133 | justify-content: center;
134 | align-items: center;
135 |
136 | }
137 | .card-3 .history-activity ul{
138 | list-style: number;
139 | display: flex;
140 | flex-direction: column;
141 | align-items: center;
142 | }
143 | .card-3 .history-activity ul li{
144 | margin: 4px 0;
145 |
146 | }
147 | .history-activity ul li a{
148 | text-decoration: none;
149 | font-size: 15px;
150 | }
151 |
152 | .social div{
153 | display: flex;
154 | flex-direction: column !important;
155 | justify-content: center;
156 | margin-left: 30px;
157 | }
--------------------------------------------------------------------------------
/style/error.css:
--------------------------------------------------------------------------------
1 | /*=============== GOOGLE FONTS ===============*/
2 | @import url('https://fonts.googleapis.com/css2?family=Rampart+One&family=Russo+One&display=swap');
3 |
4 | @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
5 |
6 | /*=============== VARIABLES CSS ===============*/
7 | :root {
8 | --first-color: #daaded;
9 | --text-color: hsl(0, 0%, 0%);
10 | --body-font: 'Rampart One', cursive;
11 | --text-font: 'Roboto Slab', serif;
12 | --biggest-font-size: 2.375rem;
13 | --normal-font-size: .938rem;
14 | --smaller-font-size: .75rem;
15 | }
16 |
17 | @media screen and (min-width: 1024px) {
18 | :root {
19 | --biggest-font-size: 5rem;
20 | --normal-font-size: 1rem;
21 | --smaller-font-size: .813rem;
22 | }
23 | }
24 |
25 | /*=============== BASE ===============*/
26 | * {
27 | box-sizing: border-box;
28 | padding: 0;
29 | margin: 0;
30 | }
31 |
32 | body {
33 | /* font-family: var(--body-font); */
34 | font-size: var(--normal-font-size);
35 | font-weight: 500;
36 | color: var(--text-color);
37 | }
38 |
39 | a {
40 | text-decoration: none;
41 | font-family: var(--text-font);
42 | }
43 |
44 | img {
45 | max-width: 100%;
46 | height: auto;
47 | }
48 |
49 | /*=============== REUSABLE CSS CLASSES ===============*/
50 |
51 | .main {
52 | overflow: hidden; /* For the animations ScrollReveal */
53 | }
54 |
55 | /*=============== HOME ===============*/
56 | .home {
57 | background-color: var(--first-color);
58 | height: 100vh;
59 | padding-top: 10rem;
60 | }
61 |
62 | .home__container {
63 | display: flex;
64 | justify-content: space-around;
65 | align-items: center;
66 | padding-bottom: 2.5rem !important;
67 | }
68 |
69 | .home__data {
70 | display: flex;
71 | flex-direction: column;
72 | align-items: flex-start;
73 | }
74 | .home__subtitle{
75 | font-family: var(--text-font);
76 | }
77 |
78 | .home__title {
79 | font-size: var(--biggest-font-size);
80 | margin: .75rem 0;
81 | font-family: var(--body-font);
82 | }
83 |
84 | .home__description{
85 | font-family: var(--text-font);
86 | }
87 |
88 | .home__button {
89 | margin-top: 2rem;
90 | background-color: var(--text-color);
91 | color: #fff;
92 | padding: .80rem 1.5rem;
93 | border-radius: 3rem;
94 | transition: .4s;
95 | }
96 |
97 | .home__button:hover {
98 | box-shadow: 0 4px 12px hsla(38, 69%, 8%, .2);
99 | scale: 1.2;
100 | }
101 |
102 | .home__img img {
103 | width: 350px !important;
104 | margin-bottom: 2rem !important;
105 | animation: floaty 1.8s infinite alternate;
106 | }
107 |
108 | .home__img {
109 | justify-self: center;
110 | }
111 |
112 | .home__shadow {
113 | width: 130px;
114 | height: 24px;
115 | background-color: hsla(37, 22%, 19%, 0.347);
116 | margin: 0 auto;
117 | border-radius: 50%;
118 | filter: blur(7px);
119 | animation: shadow 1.8s infinite alternate;
120 | }
121 |
122 | /*=============== FOOTER ===============*/
123 | .home__footer {
124 | display: flex;
125 | justify-content: center;
126 | column-gap: .5rem;
127 | font-size: var(--smaller-font-size);
128 | align-self: flex-end;
129 | }
130 |
131 | .home__footer span a{
132 | color: var(--text-color);
133 | }
134 |
135 | .home__footer span a:hover{
136 | color:aliceblue;
137 | }
138 |
139 | @keyframes floaty {
140 | 0% {
141 | transform: translateY(0);
142 | }
143 | 100% {
144 | transform: translateY(15px);
145 | }
146 | }
147 |
148 | @keyframes shadow {
149 | 0% {
150 | transform: scale(1, 1);
151 | }
152 | 100% {
153 | transform: scale(.85, .85);
154 | }
155 | }
156 |
157 | @media screen and (max-width: 850px){
158 |
159 | .home__img img {
160 | width: 200px !important;
161 | }
162 |
163 | .home__container {
164 | padding-bottom: 9rem !important;
165 | }
166 |
167 | .home__data {
168 | padding-left: 2rem !important;
169 | }
170 |
171 | }
172 |
173 | @media screen and (max-width: 500px){
174 |
175 | .home__img img {
176 | width: 180px !important;
177 | }
178 |
179 | .home__title {
180 | font-size: 2rem;
181 | }
182 |
183 | .home__description{
184 | font-size: 13px;
185 | }
186 |
187 | .home{
188 | padding-top: 1rem;
189 | }
190 |
191 | .home__container {
192 | flex-direction: column-reverse;
193 | padding-bottom: 7rem !important;
194 | }
195 |
196 | .home__data {
197 | padding-top: 3.5rem;
198 | align-items: center;
199 | padding-left: 0 !important;
200 | }
201 |
202 | }
--------------------------------------------------------------------------------
/style/faq.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Tilt+Prism&display=swap');
2 | body{
3 | background: linear-gradient(rgba(244, 245, 243, 0.712),rgba(148,0,211,0.6)) !important;
4 |
5 | }
6 |
7 | .containerf {
8 | max-width: 800px;
9 | margin: 0 auto;
10 | padding: 20px;
11 | margin-top: 110px;
12 | margin-bottom: 80px;
13 | }
14 |
15 | h1 {
16 | text-align: center;
17 | font-size: 36px;
18 | margin-bottom: 70px !important;
19 | color: #2a1958;
20 | text-shadow: 2px 2px 10px purple;
21 | font-size: 4rem;
22 | text-transform: uppercase;
23 | font-family: 'Times New Roman', Times, serif !important;
24 | }
25 |
26 | .question {
27 | font-size: 20px;
28 | margin-top: 40px;
29 | margin-bottom: 30px;
30 | cursor: pointer;
31 | color: black !important;
32 |
33 | }
34 | .question:after {
35 | content: '\02795';
36 | /* Unicode character for "plus" sign (+) */
37 | font-size: 20px;
38 | color: #777;
39 | float: right;
40 | margin-left: 80px;
41 | margin-bottom: 20px;
42 | }
43 | hr{
44 | margin-top: 50px;
45 | border-top: 4px solid darkblue !important;
46 |
47 | }
48 |
49 | .answer {
50 | margin-bottom: 20px;
51 | display: none;
52 | font-size: 16px;
53 | color: maroon;
54 | letter-spacing: 1.5px;
55 | }
56 |
57 | .answer p {
58 | margin: 0;
59 | line-height: 1.5;
60 | }
61 |
62 | .answer.active {
63 | display: block;
64 | }
--------------------------------------------------------------------------------
/style/landing.css:
--------------------------------------------------------------------------------
1 | :root{
2 | --color--main: linear-gradient(#d02eb0e7,rgba(230, 24, 161, 0.79));
3 | --color--footer: rgb(201, 235, 32);
4 | --color--h1: rgb(168, 38, 38);
5 | --color--h2: rgba(82, 10, 10, 0.956);
6 | --color--p: rgba(168, 7, 7, 0.549);
7 | --color--btn: #130735;
8 | --color--nav: rgb(215, 244, 248);
9 | --color--nav_before:rgb(215, 244, 248);
10 | }
11 |
12 | .main{
13 | border: 16px white solid;
14 | }
15 |
16 | #logo{
17 | position: absolute;
18 | top: 50%;
19 | left: 50%;
20 | transform: translate(-50%,-50%);
21 | }
22 |
23 | #logo path:nth-child(2){
24 | stroke-dasharray: 1500px;
25 | stroke-dashoffset: 1500px;
26 | animation: animate 2s ease forwards;
27 | }
28 |
29 | #logo path:nth-child(3){
30 | stroke-dasharray: 781px;
31 | stroke-dashoffset: 781px;
32 | animation: animate 2s ease forwards 0.5s;
33 | }
34 |
35 | #logo path:nth-child(4){
36 | stroke-dasharray: 442px;
37 | stroke-dashoffset: 442px;
38 | animation: animate 2s ease forwards 0.7s;
39 | }
40 |
41 | #logo path:nth-child(5){
42 | stroke-dasharray: 922px;
43 | stroke-dashoffset: 922px;
44 | animation: animate 2s ease forwards 1.1s;
45 | }
46 |
47 | #logo path:nth-child(6){
48 | stroke-dasharray: 1500px;
49 | stroke-dashoffset: 1500px;
50 | animation: animate 2s ease forwards 1.1s;
51 | }
52 | #logo path:nth-child(7){
53 | stroke-dasharray: 417px;
54 | stroke-dashoffset: 417px;
55 | animation: animate 2s ease forwards 0.9s;
56 | }
57 |
58 | #logo path:nth-child(8){
59 | stroke-dasharray: 683px;
60 | stroke-dashoffset: 683px;
61 | animation: animate 2s ease forwards 0.6s;
62 | }
63 |
64 | #logo path:nth-child(9){
65 | stroke-dasharray: 683px;
66 | stroke-dashoffset: 683px;
67 | animation: animate 2s ease forwards ;
68 | }
69 |
70 | @keyframes animate {
71 | to{
72 | stroke-dashoffset: 0px;
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/style/login.css:
--------------------------------------------------------------------------------
1 | body{
2 | margin:0;
3 | padding:0;
4 | background-color:#7b378ec4 ;
5 | }
6 | .login-box{
7 | border:2px solid;
8 | width:300px;
9 | box-shadow:0 0 3px 0 rgba(0,0,0,0.3);
10 | background: white;
11 | padding:20px;
12 | margin:5% auto 0;
13 | text-align: center;
14 | }
15 | .login-box h1{
16 | color:#1c8adb;
17 | margin-bottom: 30px;
18 | }
19 | .input-box{
20 | border-radius:20px;
21 | padding:10px;
22 | margin:10px 0;
23 | width:90%;
24 | border:1px solid #999;
25 | outline:none;
26 | }
27 | button{
28 | color:white;
29 | width:100%;
30 | padding:10px;
31 | border-radius:20px;
32 | font-size:15px;
33 | outline:none;
34 | border:none;
35 | cursor:pointer;
36 | margin:10px 0;
37 | }
38 | .verify-btn{
39 | background-color:#1c8adb ;
40 | }
41 | .twitter-btn{
42 | background-color: #21afde;
43 | }
44 | a{
45 | text-decoration: none;
46 | }
47 | hr{
48 | margin-top:20px;
49 | width:80%;
50 | }
51 | .or{
52 | background: white;
53 | width:30px;
54 | margin:-19px auto 10px;
55 | }
56 |
--------------------------------------------------------------------------------
/style/navbar.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/style/navbar.css
--------------------------------------------------------------------------------
/style/payment.css:
--------------------------------------------------------------------------------
1 | /* Created by SasiVardhan247 */
2 |
3 | body {
4 | background: #f5f5f5
5 | }
6 |
7 | .rounded {
8 | border-radius: 1rem
9 | }
10 |
11 | .nav-pills .nav-link {
12 | color: #555
13 | }
14 |
15 | .nav-pills .nav-link.active {
16 | color: white
17 | }
18 |
19 | input[type="radio"] {
20 | margin-right: 5px
21 | }
22 |
23 | .bold {
24 | font-weight: bold
25 | }
--------------------------------------------------------------------------------
/style/project.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | text-decoration: none;
6 | }
7 | body{
8 | background-color: rgb(55, 11, 136);
9 | }
10 |
11 | .cart{
12 |
13 | border:3.5px solid;
14 | position:center;
15 | padding: .5rem;
16 | border-radius: .5rem;
17 | border-color:rgb(5, 6, 26);
18 | width:16rem;
19 | background: #9e7575e6;
20 | }
21 |
22 | .cart .box{
23 | border:3px solid rgb(62, 15, 191);
24 | display: flex;
25 | align-items: center;
26 | gap:.5rem;
27 | position: relative;
28 | margin: 0.9rem 0;
29 | border-radius: .13rem;
30 | }
31 |
32 | .cart .box:hover{
33 | background-color:rgb(214, 32, 32);
34 | }
35 |
36 | .cart .box .content h3{
37 | color:black;
38 | font-size: 1.5rem;
39 | padding-bottom: 1rem;
40 | }
41 |
42 | .cart .box .content span{
43 | color:black;
44 | font-size: 1.3rem;
45 | }
46 |
47 | .cart .box .content .quantity{
48 | font-size: 1rem;
49 | }
50 |
51 | .cart .total{
52 | font-size: 1.9rem;
53 | padding: .4rem 0;
54 | text-align: center;
55 | color: black;
56 | }
57 |
58 | .btn{
59 | margin-top: 0.6rem;
60 | display: inline-block;
61 | text-align: center;
62 | margin: .4rem 0;
63 | padding:.9rem 0.9rem;
64 | font-size: 1.5rem;
65 | border-radius: .5rem;
66 | border:.2rem solid blueviolet;
67 | color:brown;
68 | cursor: pointer;
69 | }
70 |
71 | .btn:hover{
72 | background-color:rgb(128, 55, 0);
73 | color:#ffffffd0;
74 | }
75 |
76 | .cart h2{
77 | text-align: center;
78 | color: rgb(113, 43, 226);
79 | }
--------------------------------------------------------------------------------
/style/services.css:
--------------------------------------------------------------------------------
1 | * {
2 | padding: 0;
3 | margin: 0;
4 | box-sizing: border-box;
5 |
6 | }
7 | section {
8 | height: 100vh;
9 | width: 100%;
10 | display: grid;
11 | place-items: center;
12 | background: linear-gradient(rgba(244, 245, 243, 0.712),rgb(148,0,211));
13 |
14 | }
15 | .row {
16 | display: flex;
17 | flex-wrap: wrap;
18 | padding: 0px 25px;
19 | }
20 | .row2{
21 | margin-top: -50px;
22 | }
23 | .column {
24 | width: 100%;
25 | padding: 0 1em 1em 1em;
26 | text-align: center;
27 | justify-content: center;
28 | }
29 | .card {
30 | width: 90%;
31 | height: 100%;
32 | padding: 1.5em 1.5em;
33 | background: linear-gradient(var(--color--customnav) 50%, #2a1958 50%);
34 | background-size: 100% 200%;
35 | background-position: 0 2.5%;
36 | border-radius: 5px;
37 | box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
38 | cursor: pointer;
39 | transition: 0.5s;
40 | }
41 | h3 {
42 | font-size: 15px;
43 | font-weight: 600;
44 | color: #1f194c;
45 | margin: 1em 0;
46 | letter-spacing: 3px;
47 | }
48 | p {
49 | color: #575a7b;
50 | font-size: 12px;
51 | line-height: 1.6;
52 | letter-spacing: 0.03em;
53 | }
54 | .icon-wrapper {
55 | background-color: #2a1958;
56 | position: relative;
57 | margin: auto;
58 | font-size: 30px;
59 | height: 2.5em;
60 | width: 2.5em;
61 | color: #ffffff;
62 | border-radius: 50%;
63 | display: grid;
64 | place-items: center;
65 | transition: 0.5s;
66 | }
67 | .card:hover {
68 | background-position: 0 100%;
69 | }
70 | .card:hover .icon-wrapper {
71 | background-color: #ffffff;
72 | color: #2a1958;
73 | }
74 | .card:hover h3 {
75 | color: #ffffff;
76 | }
77 | .card:hover p {
78 | color: #f0f0f0;
79 | }
80 |
81 | .section-heading{
82 | color: #2a1958;
83 | text-shadow: 2px 2px 10px purple;
84 | text-transform: uppercase;
85 | font-weight: bold;
86 | /* margin-top: -20px; */
87 | font-size: 4rem;
88 | margin: auto;
89 | letter-spacing: 3px;
90 | }
91 | @media screen and (min-width: 768px) {
92 | section {
93 | padding: 0 2em;
94 | }
95 | .column {
96 | flex: 0 50%;
97 | max-width: 50%;
98 | }
99 | }
100 | @media screen and (min-width: 992px) {
101 | section {
102 | padding: 1em 3em;
103 | }
104 | .column {
105 | flex: 0 0 33.33%;
106 | max-width: 33.33%;
107 | }
108 | }
109 | footer{
110 | text-align: center;
111 | padding: auto;
112 | }
113 | ul{
114 | text-align: justify;
115 | padding: auto;
116 | }
117 |
118 | @media screen and (max-width:970px){
119 | footer{
120 | padding-top: 160px;
121 | }
122 | .section-heading{
123 | padding-top: 50px;
124 | padding-bottom: 80px;
125 | }
126 | }
127 | @media screen and (max-width:780px){
128 | footer{
129 | padding-top: 230px;
130 | }
131 | }
132 | @media screen and (max-width:770px){
133 | footer{
134 | padding-top: 130%;
135 | }
136 | }
137 | @media screen and (max-width:660px){
138 | footer{
139 | padding-top: 160%;
140 | }
141 | }
142 | @media screen and (max-width:490px){
143 | footer{
144 | padding-top: 220%;
145 | }
146 | }
--------------------------------------------------------------------------------
/style/signup.css:
--------------------------------------------------------------------------------
1 | body{
2 | background-color:#7b378ec4;
3 | font-family:'Roboto','sans-serif';
4 | }
5 | .signup-box{
6 | width:360px;
7 | height:590px;
8 | background-color: white;
9 | margin:auto;
10 | border-radius:10px;
11 | }
12 | h1{
13 | text-align:center;
14 | margin-top:25px;
15 | padding-top: 10px;
16 | }
17 | h4{
18 | text-align:center;
19 | }
20 | form{
21 | width:300px;
22 | margin-left:20px;
23 | }
24 | form label{
25 | display:flex;
26 | margin-top:15px;
27 | font-size:18px;
28 | }
29 | input{
30 | width:100%;
31 | padding:7px;
32 | border:none;
33 | border:1px solid grey;
34 | border-radius: 5px;
35 | }
36 | input[type="button"]{
37 | width:315px;
38 | height:35px;
39 | margin-top:20px;
40 | border:none;
41 | background-color: #49c1a2;
42 | color:white;
43 | font-size: 18px;
44 | }
45 | p{
46 | text-align: center;
47 | padding-top: 20px;
48 | font-size: 15px;
49 | }
50 | .already{
51 | text-align: center;
52 | color: white;
53 | font-size: 15px;
54 | margin-top: -10px;
55 | }
56 | .already a{
57 | color: #49c1a2;
58 | }
--------------------------------------------------------------------------------
/style/styles.css:
--------------------------------------------------------------------------------
1 | * {
2 | padding: 0;
3 | margin: 0;
4 | box-sizing: border-box;
5 | font-family: "Poppins", sans-serif;
6 | }
7 | section {
8 | height: 100vh;
9 | width: 100%;
10 | display: grid;
11 | place-items: center;
12 | background-color: #d1d1d0;
13 | }
14 | .row {
15 | display: flex;
16 | flex-wrap: wrap;
17 | }
18 | .column {
19 | width: 100%;
20 | padding: 0 1em 1em 1em;
21 | text-align: center;
22 | }
23 | .card {
24 | width: 100%;
25 | height: 100%;
26 | padding: 2em 1.5em;
27 | background: linear-gradient(#ffffff 50%, #2c7bfe 50%);
28 | background-size: 100% 200%;
29 | background-position: 0 2.5%;
30 | border-radius: 5px;
31 | box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
32 | cursor: pointer;
33 | transition: 0.5s;
34 | }
35 | h3 {
36 | font-size: 20px;
37 | font-weight: 600;
38 | color: #1f194c;
39 | margin: 1em 0;
40 | }
41 | p {
42 | color: #575a7b;
43 | font-size: 15px;
44 | line-height: 1.6;
45 | letter-spacing: 0.03em;
46 | }
47 | .icon-wrapper {
48 | background-color: #2c7bfe;
49 | position: relative;
50 | margin: auto;
51 | font-size: 30px;
52 | height: 2.5em;
53 | width: 2.5em;
54 | color: #ffffff;
55 | border-radius: 50%;
56 | display: grid;
57 | place-items: center;
58 | transition: 0.5s;
59 | }
60 | .card:hover {
61 | background-position: 0 100%;
62 | }
63 | .card:hover .icon-wrapper {
64 | background-color: #ffffff;
65 | color: #2c7bfe;
66 | }
67 | .card:hover h3 {
68 | color: #ffffff;
69 | }
70 | .card:hover p {
71 | color: #f0f0f0;
72 | }
73 | @media screen and (min-width: 768px) {
74 | section {
75 | padding: 0 2em;
76 | }
77 | .column {
78 | flex: 0 50%;
79 | max-width: 50%;
80 | }
81 | }
82 | @media screen and (min-width: 992px) {
83 | section {
84 | padding: 1em 3em;
85 | }
86 | .column {
87 | flex: 0 0 33.33%;
88 | max-width: 33.33%;
89 | }
90 | }
91 |
--------------------------------------------------------------------------------
/style/team.css:
--------------------------------------------------------------------------------
1 | .body{
2 | height: 100vh !important;
3 | background-color: transparent;
4 | }
5 | .main{
6 | height: 100vh !important;
7 | background-color: transparent !important;
8 | }
9 |
10 | .card-main{
11 | display: flex;
12 | flex-direction: column;
13 | justify-content: center;
14 | align-items: center;
15 | row-gap: 2rem;
16 | padding-top: 2rem;
17 | }
18 |
19 | #socials i{
20 | font-size: 2rem;
21 | padding-left: 5px;
22 | }
23 |
24 | .box{
25 | width: 100vw;
26 | display: grid;
27 | grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
28 | grid-gap: 15px;
29 | margin: 0 auto;
30 | }
31 | .card{
32 | position: relative;
33 | width: 250px;
34 | height: 250px;
35 | background: #fff;
36 | margin: 0 auto;
37 | border-radius: 4px;
38 | box-shadow:0 2px 10px rgba(0,0,0,.2);
39 | margin-bottom: 2rem;
40 | }
41 | .card:before,
42 | .card:after
43 | {
44 | content:"";
45 | position: absolute;
46 | top: 0;
47 | left: 0;
48 | width: 100%;
49 | height: 100%;
50 | border-radius: 4px;
51 | background: #fff;
52 | transition: 0.5s;
53 | z-index:-1;
54 | }
55 | .card:hover:before{
56 | transform: rotate(20deg);
57 | box-shadow: 0 2px 20px rgba(0,0,0,.2);
58 | }
59 | .card:hover:after{
60 | transform: rotate(10deg);
61 | box-shadow: 0 2px 20px rgba(0,0,0,.2);
62 | }
63 | .card .imgBx{
64 | position: absolute;
65 | top: 10px;
66 | left: 10px;
67 | bottom: 10px;
68 | right: 10px;
69 | background: #222;
70 | transition: 0.5s;
71 | z-index: 1;
72 | }
73 |
74 | .card:hover .imgBx
75 | {
76 | bottom: 80px;
77 | }
78 |
79 | .card .imgBx img{
80 | position: absolute;
81 | top: 0;
82 | left: 0;
83 | width: 100%;
84 | height: 100%;
85 | object-fit: cover;
86 | }
87 |
88 | .card .details{
89 | position: absolute;
90 | left: 10px;
91 | right: 10px;
92 | bottom: 10px;
93 | height: 60px;
94 | text-align: center;
95 | }
96 |
97 | .card .details h2{
98 | margin: 0;
99 | padding: 0;
100 | font-weight: 600;
101 | font-size: 1.3rem;
102 | color: #777;
103 | text-transform: uppercase;
104 | }
105 |
106 | .card .details h2 span{
107 | font-weight: 500;
108 | font-size: 16px;
109 | color: #f38695;
110 | display: block;
111 | margin-top: 5px;
112 | }
--------------------------------------------------------------------------------
/style/testimonial.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
2 |
3 | *{
4 | margin: 0;
5 | padding:0;
6 | box-sizing: border-box;
7 | font-family: 'Poppins',sans-serif;
8 | }
9 | .body{
10 | background: black;
11 | }
12 |
13 | .testimonial-main{
14 | height: 80vh !important;
15 | width: 100vw;
16 | display: flex;
17 | align-items: center;
18 | justify-content: center;
19 | }
20 |
21 | .testimonial{
22 | background-color: rgba(128, 128, 128, 0.578);
23 | max-width: 70vw;
24 | width: 80vw;
25 | position: relative;
26 | padding: 3rem;
27 | border-radius: 40px;
28 | }
29 |
30 | .testimonial .image{
31 | height: 150px;
32 | width: 150px;
33 | border-radius: 50%;
34 | object-fit: cover;
35 | }
36 |
37 | .testimonial .slide{
38 | display: flex;
39 | flex-direction: column;
40 | align-items: center;
41 | justify-content: center;
42 | row-gap: 2rem;
43 | }
44 |
45 | .quote-icon{
46 | font-size: 2rem;
47 | color: #0f0e31;
48 | }
49 |
50 | .details span{
51 | color: #0f0e31;
52 | font-weight: 900;
53 | }
54 |
55 | .testimonial-main button{
56 | padding: 2rem;
57 | font-size: 6rem;
58 | border: none;
59 | background-color: transparent;
60 | border-radius: 50px;
61 | cursor: pointer;
62 | }
63 |
64 | @media(max-width: 500px){
65 | .testimonial .image{
66 | width: 100px;
67 | height: 100px;
68 | }
69 |
70 | .testimonial .slide{
71 | row-gap: 1rem;
72 | }
73 |
74 | .testimonial{
75 | padding: 1rem;
76 | max-width: 100vw;
77 | width: 100vw;
78 | }
79 | }
80 |
81 |
82 | .space{
83 | padding-top: 10%;
84 | }
85 |
86 |
87 | .main .navbar{
88 | /* position: absolute;
89 | height:16%;
90 | width:99%; */
91 | /* background-color: rgba(143, 135, 132, 0.274); */
92 | }
93 |
94 | /* .main .navbar .logo{
95 | position: relative;
96 | width: 150px;
97 | height: 150px;
98 | padding-bottom: 1%;
99 | top: -25px;
100 | left:15%;
101 | font-family:'Lato',sans-serif;
102 | font-size:35px;
103 | font-weight:600;
104 | color:#fff;
105 | cursor:pointer;
106 | float:left;
107 | text-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);
108 | } */
109 |
110 | .img{ margin-left: 63%;
111 | }
112 |
113 | .dropdown {
114 | position: relative;
115 | display: inline-block;
116 | }
117 |
118 | .dropdown-content {
119 | display: none;
120 | position: absolute;
121 | background-color: #f1f1f1;
122 | min-width: 160px;
123 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
124 | z-index: 1;
125 | }
126 |
127 | .dropdown-content a {
128 | color: black;
129 | padding: 12px 16px;
130 | text-decoration: none;
131 | display: block;
132 | }
133 |
134 | .dropdown-content a:hover {background-color: #ddd;}
135 |
136 | .dropdown:hover .dropdown-content {display: block;}
137 |
138 | .dropdown:hover .dropbtn {background-color: #3e8e41;}
139 | /* footer */
140 |
141 | footer{
142 | text-align: center;
143 | padding: auto;
144 | background-color:#0f0e31;
145 | }
146 | ul{
147 | text-align: justify;
148 | padding: 10px;
149 | }
150 |
151 | .social div{
152 | display: flex;
153 | flex-direction: column !important;
154 | justify-content: center;
155 | margin-left: 30px;
156 | }
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 | /* ____________________________________________________________________________________________________________ */
165 |
--------------------------------------------------------------------------------
/style/theme.css:
--------------------------------------------------------------------------------
1 | :root{
2 | --color--main: linear-gradient(rgba(244, 245, 243, 0.712),rgb(148,0,211));
3 | --color--footer: rgb(119, 5, 100);
4 | --color--h1: #2a1958;
5 | --color--h2: rgba(122, 60, 60, 0.87);
6 | --color--p: black;
7 | --color--btn: #2a1958;
8 | --color--nav: black;
9 | --color--nav_before:#2a1958;
10 | --color--customnav: white;
11 | }
12 | .dark-mode{
13 | --color--main: linear-gradient(#4b075ac4,rgba(28, 1, 41, 0.712));
14 | --color--footer: rgb(65, 3, 55);
15 | --color--h1: rgb(255, 255, 255);
16 | --color--h2: rgb(233, 233, 233);
17 | --color--p: white;
18 | --color--btn: #130735;
19 | --color--nav: rgb(215, 244, 248);
20 | --color--nav_before:rgb(215, 244, 248);
21 | --color--customnav: rgb(174, 147, 180);
22 | }
23 | #icon{
24 | width: 30px;
25 | cursor: pointer;
26 | margin: 10px;
27 | }
28 |
29 | .slide p{
30 | color: var(--color--p);
31 | text-align: center;
32 | padding: 2rem;
33 | }
34 |
35 | .main{
36 | position: relative;
37 | height:100vh;
38 | width:100%;
39 | background:var(--color--main);
40 | background-position: center;
41 | background-repeat: no-repeat;
42 | background-size: cover;
43 | opacity: 0.8;
44 | }
45 | .navbar,header{
46 | background-color: var(--color--customnav);
47 | }
48 |
49 | .nav-link{
50 | color: var(--color--p) !important;
51 | }
52 |
53 | .active{
54 | color: blueviolet !important;
55 | }
56 | .content h1{
57 | color:var(--color--h1);
58 | margin-left: 8%;
59 | }
60 | .content h2{
61 | color: var(--color--h2);
62 | margin-left: 8%;
63 | }
64 | .content .para{
65 | color: var(--color--p);
66 | }
67 | .content .btn1 {
68 | background-color: var(--color--btn);
69 | color:honeydew;
70 |
71 | }
72 | .footer{
73 | background-color:var(--color--footer);
74 | display: block;
75 | justify-content: center;
76 | align-items: center;
77 | width: 100%;
78 | height: 40vh;
79 |
80 | }
81 |
82 | .social div{
83 | display: flex;
84 | flex-direction: column !important;
85 | justify-content: center;
86 | margin-left: 30px;
87 | }
88 | .social li {
89 | padding: 10px;
90 | }
--------------------------------------------------------------------------------
/style/translate.css:
--------------------------------------------------------------------------------
1 | #google_translate_element select{
2 | background:#decbeb;
3 | color:black;
4 | border: none;
5 | border-radius:3px;
6 | padding:6px 8px;
7 | margin-top: 20px;
8 | margin-left: 10px;
9 | }
10 |
11 | /*google translate link | logo */
12 | .goog-logo-link,.goog-te-gadget span,div#goog-gt-{
13 | display:none!important;
14 | }
15 | .goog-te-gadget{
16 | color:transparent!important;
17 | font-size:0;
18 | }
19 |
20 | /* google translate banner-frame */
21 |
22 | .goog-te-banner-frame{
23 | display:none !important;
24 | }
25 |
26 | #goog-gt-tt, .goog-te-balloon-frame{display: none !important;}
27 | .goog-text-highlight { background: none !important; box-shadow: none !important;}
--------------------------------------------------------------------------------
/style/user_dashboard.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
2 | :root{
3 | --main-color: #DD2F6E;
4 | --color-dark: #1D2231;
5 | --text-grey: #8390A2;
6 |
7 | }
8 | *{
9 | padding: 0;
10 | margin: 0;
11 | box-sizing: border-box;
12 | list-style-type: none;
13 | text-decoration: none;
14 | font-family: 'Poppins', sans-serif;
15 | }
16 | .sidebar{
17 | width: 440px;
18 | position: fixed;
19 | left: 0;
20 | top: 0;
21 | height: 100%;
22 | background: var(--main-color);
23 | z-index: 100;
24 | }
25 | .sidebar-brand{
26 | height: 90px;
27 | color: #fff;
28 | padding-left: 1rem;
29 | padding-top: 1rem;
30 | }
31 | .sidebar-brand span{
32 | display: inline-block;
33 | padding-right: 0.5rem;
34 | }
35 | .sidebar-menu li{
36 | width: 100%;
37 | margin-bottom: 1.7rem;
38 | padding-left: 1rem;
39 | }
40 | .sidebar-menu a{
41 | padding-left: 1rem;
42 | display: block;
43 | color: #fff;
44 | font-size: 1.1rem;
45 | }
46 | .sidebar-menu a:hover{
47 | color: #000;
48 | text-decoration: underline;
49 | }
50 | .sidebar-menu a.active{
51 | background: #fff;
52 | padding-top: 1rem;
53 | padding-bottom: 1rem;
54 | color: var(--main-color);
55 | border-radius: 30px 0px 0px 30px;
56 | }
57 | .sidebar-menu a span:first-child{
58 | font-size:1.5rem;
59 | padding-right: 1rem;
60 | }
61 | .main-content{
62 | margin-left: 440px;
63 | }
64 | header{
65 | display: flex;
66 | justify-content: space-between;
67 | padding: 1rem 0.5rem;
68 | box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
69 | position: fixed;
70 | left: 440px;
71 | width: calc(100% - 440px);
72 | top: 0;
73 | z-index: 100;
74 | }
75 | header h2{
76 | color: #222;
77 | }
78 | header label span{
79 | font-size: 1.7rem;
80 | padding-left: 0.5rem;
81 | }
82 | .search-wrapper{
83 | border: 1px solid #ccc;
84 | border-radius: 30px;
85 | height: 50px;
86 | display: flex;
87 | align-items: center;
88 | overflow-x: hidden;
89 | }
90 | .search-wrapper span{
91 | display: inline-block;
92 | padding: 0rem 1rem;
93 | font-size: 1.5rem;
94 | }
95 | .search-wrapper input{
96 | height: 100%;
97 | padding: .5rem;
98 | border: none;
99 | outline: none;
100 | }
101 | .user-wrapper {
102 | display: flex;
103 | align-items: center;
104 | }
105 | .user-wrapper img{
106 | border-radius: 50%;
107 | margin-right: 1rem;
108 | }
109 | .user-wrapper small{
110 | display: inline-block;
111 | color: var(--text-grey);
112 |
113 | }
114 | main{
115 | margin-top: 90px;
116 | padding: 1rem 1rem;
117 | background: #f0f0f0;
118 | min-height: calc(100vh - 90px);
119 | }
120 | .cards {
121 | background-color: honeydew;
122 | height: 480px;
123 | width: 100%;
124 | box-shadow: 0px 0px 10px 5px #888888;
125 | border-radius: 8px;
126 | display: flex;
127 | }
128 | .card-1 {
129 | width: 80%;
130 | padding-top: 1rem;
131 | padding-bottom: 1rem;
132 | margin: 1rem 1rem 1rem 1rem;
133 | }
134 | .wlcm{
135 | margin-left: 15px;
136 | }
137 | .card-1 h1{
138 | color: #041935;
139 |
140 | }
141 |
142 | .card-1 h3{
143 | color: #041935;
144 | margin: 3px 0px;
145 | font-weight: 500;
146 |
147 | }
148 |
149 | .card-1 .activites {
150 | display: flex;
151 | flex-direction: column;
152 | align-items: center;
153 | justify-content: space-between;
154 | position: relative;
155 | top: 20px;
156 |
157 | }
158 |
159 | .card-1 .activity {
160 | height: 150px;
161 | width: 90%;
162 | margin: 3px 0px;
163 | border-radius: 10px;
164 | background: white;
165 | box-shadow: 0px 0px 10px 5px #888888;
166 | padding: 0.5rem 0.5rem 0.5rem 0.5rem;
167 | }
168 | .card-2 {
169 | list-style: none;
170 | width: 20%;
171 | margin: 1rem 1rem 1rem 1rem;
172 | box-shadow: 0px 0px 10px 5px #888888;
173 | background: white;
174 |
175 | }
176 | .card-2 h2{
177 | color: #041935;
178 | margin: 20px 0px;
179 | text-decoration: underline;
180 | display: flex;
181 | justify-content: center;
182 | align-items: center;
183 | padding-top: 1rem;
184 |
185 | }
186 | .card-2 .history-activity ul{
187 | list-style: number;
188 | display: flex;
189 | flex-direction: column;
190 | align-items: center;
191 | }
192 | .card-2 .history-activity ul li{
193 | margin: 4px 0;
194 |
195 | }
196 | .history-activity ul li a{
197 | text-decoration: none;
198 | font-size: 15px;
199 | }
200 | .history-activity ul li a:hover{
201 | text-decoration: underline;
202 | color: #DD2F6E;
203 | }
204 |
--------------------------------------------------------------------------------
/style/user_profile.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
2 | body{
3 | background-color: #1c2833;
4 | }
5 | *:focus{
6 | outline: none;
7 | }
8 | .box{
9 | box-sizing: border-box;
10 | width: 120px;
11 | height: 120px;
12 | border: 2px solid #3498db;
13 | box-shadow: -3px -3px 7px #ffffff73, 3px 3px 5px rgba(94,104,121,0.288);
14 | border-radius: 50%;
15 | background-color: black;
16 | margin-top: 50px;
17 | overflow: hidden;
18 | transition: all 1s;
19 | }
20 | img{
21 | box-sizing: border-box;
22 | width: 117px;
23 | height: 118px;
24 | border-radius: 50%;
25 | margin: 0;
26 | border: 5px solid #0082e6;
27 | padding: 3px;
28 | background-color: white;
29 | }
30 | input[type="text"],input[type="email"]{
31 | display: block;
32 | box-sizing: border-box;
33 | background: none;
34 | color: #3498db;
35 | margin-bottom: 30px;
36 | padding: 4px;
37 | width:220px;
38 | height: 32px;
39 | border: none;
40 | border-bottom: 2px solid #0082e6;
41 | font-family: 'Poppins',sans-serif;
42 | font-weight: 400;
43 | font-size: 15px;
44 | transition: 0.2s ease;
45 | }
46 | input[type="text"]{
47 | margin-top: 25px;
48 | margin-bottom: 25px;
49 | }
50 | input[type="text"]:focus,input[type="email"]:focus{
51 | border-bottom: 2px solid #3498db;
52 | border-bottom-right-radius: 20px;
53 | color:#3498db;
54 | transition: 0.2 ease;
55 | }
56 | button{
57 | border: 1px solid #3498db;
58 | background-color: #1c2833;
59 | color: white;
60 | height: 30px;
61 | width: 100px;
62 | border-radius: 5px;
63 | margin: 0px;
64 | transition: all 0.3s;
65 | }
66 | button:hover{
67 | transform: scale(1.1);
68 | }
69 | input[type="file"]{
70 | display: none;
71 | }
72 | label{
73 | box-sizing: border-box;
74 | font-size: 20px;
75 | background-color: #1c2833;
76 | color: white;
77 | border: 1px solid #3498db;
78 | padding: 2px 15px;
79 | border-radius: 5px;
80 | transition: all 0.3s;
81 | }
82 | label:hover{
83 | background-color: #3498db;
84 | color: black;
85 | }
86 | .box:hover{
87 | width: 360px;
88 | height: 630px;
89 | border-radius: 5px;
90 | }
91 | .box:hover img{
92 | width: 100px;
93 | height: 100px;
94 | margin: 20px 31%;
95 | }
96 |
--------------------------------------------------------------------------------
/wireframe of site/Slide1.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/wireframe of site/Slide1.PNG
--------------------------------------------------------------------------------
/wireframe of site/Slide2.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/wireframe of site/Slide2.PNG
--------------------------------------------------------------------------------
/wireframe of site/Slide3.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/wireframe of site/Slide3.PNG
--------------------------------------------------------------------------------
/wireframe of site/Slide4.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/wireframe of site/Slide4.PNG
--------------------------------------------------------------------------------
/wireframe of site/Slide5.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/wireframe of site/Slide5.PNG
--------------------------------------------------------------------------------
/wireframe of site/Slide6.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/wireframe of site/Slide6.PNG
--------------------------------------------------------------------------------
/wireframe of site/Slide7.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codervivek5/Formfil/1230d744e2a5074002fbf077e0d845bf05a18ecc/wireframe of site/Slide7.PNG
--------------------------------------------------------------------------------