7 | client dashboard
8 |
9 | )
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/component/Client/PostProject.jsx:
--------------------------------------------------------------------------------
1 | import React ,{ Component} from 'react';
2 |
3 | export default class PostProject extends Component{
4 |
5 | constructor(props){
6 | super(props);
7 | this.state={
8 | title:'',
9 | description:'',
10 | skills:'',
11 | files:'',
12 | fixPrice:'',
13 | HourPrice:'',
14 | budget:'',
15 | }
16 | }
17 | render(){
18 | return(
19 |
20 |
21 |
22 |
23 | )
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/component/Client/css/Profile.css:
--------------------------------------------------------------------------------
1 | .msgError {
2 | position: absolute;
3 | width: 181px;
4 | background: #3b903f;
5 | color: #fff;
6 | padding: 10px;
7 | border-radius: 10px;
8 | margin-bottom: 20px;
9 | font-size: 12px;
10 | margin: 25px 683px;
11 | }
12 | .Error {
13 | position: absolute;
14 | width: 181px;
15 | background: red;
16 | color: #fff;
17 | padding: 10px;
18 | border-radius: 10px;
19 | margin-bottom: 20px;
20 | font-size: 12px;
21 | margin: 25px 683px;
22 | }
23 |
24 | h6.h6p-1 {
25 | font-size: 18px;
26 | color: #424040;
27 | font-feature-settings: "pcap", "c2pc";
28 | font-variant: all-petite-caps;
29 | letter-spacing: 1px;
30 | font-family: auto;
31 | }
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/chat.css:
--------------------------------------------------------------------------------
1 | .header-desktop {
2 | background: #6624e6 !important;
3 | }
4 | img.logowidth {
5 | width: 200px;
6 | }
7 | .bg-overlay--blue {
8 | background: rgba(102, 36, 230, 0.81);
9 | }
10 | a.hd-link {
11 | letter-spacing: 1px;
12 | font-size: 14px;
13 | color: white;
14 | font-weight: 700;
15 |
16 |
17 | }
18 |
19 | .account-item > .content > a {
20 | color: #e5e5e5;
21 | }
22 | .account-item > .content > a {
23 | color: #e5e5e5;
24 | text-transform: capitalize;
25 | font-weight: 500;
26 | }
27 | .noti__item i {
28 | font-size: 30px;
29 | color: #e5e5e5;
30 | }
31 | .menu-sidebar .logo {
32 | background: #d4d9da;
33 | }
34 | ul.hd-menu {
35 | list-style: none;
36 | display: flex;
37 | justify-content: space-between;
38 | }
39 | .menu {
40 | width: 40%;
41 | }
42 | .nav-tabs {
43 | border-bottom: none;
44 | }
45 | .nav-link {
46 | display: initial;
47 | padding: .6rem 0rem;
48 | }
49 | .nav-tabs {
50 |
51 | padding: 0px 0px 0px 0px;
52 | margin: 0px 60px;
53 | }
54 | .nav-tabs .nav-item {
55 | background: #e5e5e5;
56 | }
57 | .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
58 | border-bottom: 3px solid #885eda;
59 | color: #495057;
60 | background-color: #e5e5e5;
61 | }
62 | .navbar-sidebar .navbar__list li.active > a {
63 | border-right: 2px solid #350790;
64 | color: #350790;
65 | }
66 | .navbar-sidebar .navbar__list li.active > a {
67 | color: #ee640a;
68 | }
69 | .nav-tabs .nav-link {
70 | margin: 0px;
71 |
72 | }
73 | i.fa.fa-ellipsis-h {
74 | color: #ee640a;
75 | }
76 | button.btn.btn-secondary.btn-sm {
77 | background: #153b4a;
78 | }
79 |
80 | .au-btn-plus {
81 | background: #6625e6;
82 | }
83 | .au-btn-load {
84 | background: #3f05b1;
85 | }
86 | .nav-tabs .nav-item {
87 |
88 | width: 200px;
89 | }
90 | .i11 img {
91 | border: 2px solid #0e0e0e;
92 | margin-left: -5px;
93 | }
94 | .card {
95 | border: 2px solid #ee640a;
96 | margin-bottom: 30px;
97 | }
98 | .Dropdown-title-1 {
99 | text-align: right;
100 | padding: 0.25rem 1.25rem;
101 | }
102 | .h3-name {
103 | font-weight: 700;
104 | font-size: 18px;
105 | }
106 | .i11 {
107 | display: flex;
108 | justify-content: space-around;
109 | }
110 | .iim {
111 | text-align: center;
112 | margin-left: 18px;
113 | }
114 | p.p-p {
115 | font-size: 14px;
116 | }
117 | .progress {
118 | margin-top: 1.2rem;
119 | overflow: hidden;
120 | height: 13px;
121 | }
122 | strong.str {
123 | font-size: 12px;
124 | }
125 | .card-cont {
126 | text-align: left;
127 | padding: 0.25rem 1.25rem;
128 | line-height: 30px;
129 | }
130 | h1.hd-pr-1 {
131 | margin: 14px 60px;
132 | }
133 | header.header-mobile.d-block.d-lg-none {
134 | background: #6624e6;
135 | }
136 | @media (max-width: 992px){
137 | .card-cont {
138 | text-align: center;
139 | padding: 0.25rem 1.25rem;
140 | line-height: 30px;
141 | }
142 | }
143 | @media (max-width: 992px){
144 | .menu {
145 | width: 100%;
146 | }
147 | img.logowidth {
148 | width: 100px;
149 |
150 | }
151 | }
152 | @media (max-width: 991px){
153 | .header-button {
154 | padding: 9px 0px;
155 | margin-top: 10px;
156 | width: 100%;
157 | -webkit-box-pack: justify;
158 | -webkit-justify-content: space-between;
159 | -moz-box-pack: justify;
160 | -ms-flex-pack: justify;
161 | justify-content: space-between;
162 | border-top: 1px solid white;
163 | }
164 | }
165 | @media (max-width: 991px){
166 | .header-desktop {
167 | position: relative;
168 | top: 0;
169 | left: 0;
170 | height: 106px;
171 | }
172 | }
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/content.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 |
3 | export default class Content extends Component {
4 | render() {
5 | return (
6 |
7 | Then let not winter's ragged hand deface, In thee thy summer, ere thou be distill'd: Make sweet some vial; treasure thou some place With beauty's treasure ere it be self-kill'd. That use is not forbidden usury, Which happies those that pay the willing loan; That's for thy self to breed another thee, Or ten times happier, be it ten for one; Ten times thy self were happier than thou art, If ten of thine ten times refigur'd thee:
8 |
9 | )
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/css/font-face.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/css/font-face.css
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/css/style.css:
--------------------------------------------------------------------------------
1 | /*header*/
2 | ul {
3 | list-style: none;
4 |
5 | }
6 | .last-head{
7 | display: flex;
8 | }
9 | .nav-header {
10 | justify-content: space-between;
11 | display: flex;
12 | background: rebeccapurple;
13 | color: white;
14 | height: 50px;
15 | padding: 10px 7px 1px;
16 | }
17 |
18 | .profile-userpic img {
19 | float: none;
20 | margin: 0px 20px;
21 | width: 35px;
22 | height: 35px;
23 | -webkit-border-radius: 50% !important;
24 | -moz-border-radius: 50% !important;
25 | border-radius: 50% !important;
26 | }
27 | .h3-1 {
28 | padding: 28px;
29 | }
30 | /* tabs*/
31 | ul.nav.nav-pills {
32 | padding: 0px 92px;
33 | border-bottom: 1px solid #e4e4e4;
34 | }
35 | /*a.nav-link.active {
36 | border-bottom: 1px solid red;
37 | border-radius: 0;
38 | }*/
39 | .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
40 | border-bottom: 1px solid red;
41 | color: #3b7dca !important;
42 | background-color: #fafafb !important;
43 | border-radius: 0;
44 | }
45 |
46 | /*profile containte*/
47 | .profile-userpic-2 img {
48 | float: none;
49 | margin: 0 auto;
50 | width: 30%;
51 | height: 30%;
52 | -webkit-border-radius: 50% !important;
53 | -moz-border-radius: 50% !important;
54 | border-radius: 50% !important;
55 | }
56 | .main {
57 | text-align: center;
58 | }
59 | h4.mr {
60 | font-weight: 700;
61 | margin-bottom: 37px;
62 | }
63 | h4.mr-1 {
64 | margin-top: 30px;
65 | color: #557fb5;
66 | font-weight: 700;
67 |
68 | }
69 | .d-fl {
70 | margin: 36px;
71 | display: flex;
72 | justify-content: space-between;
73 | }
74 | p.p-large {
75 | font-size: 20px;
76 | font-weight: 900;
77 | }
78 | button.upload-avatar {
79 | padding: 9px;
80 | border: none;
81 | background: #55fbfbcc;
82 | color: white;
83 | width: 72%;
84 | letter-spacing: 2px;
85 | font-variant: all-petite-caps;
86 | font-size: large;
87 | border-radius: 10px;
88 | }
89 | button.delete-btn {
90 | margin: 30px;
91 | border: none;
92 | background: transparent;
93 | }
94 | h2.biography {
95 | font-size: 26px;
96 | font-weight: 800;
97 | margin: 20px;
98 | }
99 | .di-fl {
100 | display: flex;
101 | justify-content: space-between;
102 | vertical-align: middle !important;
103 | }
104 | .bt-fl {
105 | margin-right: 84px;
106 | margin-top: 10px;
107 | }
108 | button.btn-cancel {
109 | padding: 10px 20px;
110 | background: white;
111 | border: 2px solid #76fbfc;
112 | }
113 | button.btn-save {
114 | padding: 10px 20px;
115 | background: #04f7f7;
116 | border: 2px solid #76fbfc;
117 | }
118 | h6.h6-1 {
119 | font-size: 16px;
120 | font-weight: 800;
121 | }
122 | p.dscr {
123 | padding: 8px;
124 | border: 1px solid #e6e6e6;
125 | }
126 | .title {
127 | width: 98%;
128 | }
129 | .di-2 {
130 | display: flex;
131 | }
132 | h6.h6-1 {
133 | margin: 25px 0px;
134 | font-size: 16px;
135 | font-weight: 800;
136 | }
137 | h5.h5-li {
138 | margin: 35px 0px;
139 | font-size: 19px;
140 | font-weight: 700;
141 | }
142 | input.dscr {
143 | width: 100%;
144 | padding: 8px;
145 | border: 1px solid #dedede;
146 | }
147 | .main-1 {
148 | padding: 15px;
149 | }
150 | .bt-fl {
151 | float: right;
152 | margin-right: 84px;
153 | margin-top: 10px;
154 | }
155 | .bt-fl-1 {
156 | text-align: right;
157 | margin-right: 50px;
158 | }
159 | select.dscr {
160 | background: white;
161 | height: 37px;
162 | width: 100%;
163 | border: 1px solid #dedede;
164 | }
165 | .exe {
166 | display: flex;
167 | }
168 | /*
169 | upload resume*/
170 |
171 | div {
172 | position: relative;
173 | overflow: hidden;
174 | }
175 | /*****************************************
176 | upload button styles
177 | ******************************************/
178 | .file-upload {
179 | position: relative;
180 | display: inline-block;
181 | }
182 |
183 | .file-upload__label {
184 | display: block;
185 | padding: 1em 2em;
186 | color: #fff;
187 | background: #50ceea;
188 | border-radius: .4em;
189 | transition: background .3s;
190 |
191 | &:hover {
192 | cursor: pointer;
193 | background: #000;
194 | }
195 | }
196 |
197 | .file-upload__input {
198 | position: absolute;
199 | left: 0;
200 | top: 0;
201 | right: 0;
202 | bottom: 0;
203 | font-size: 1;
204 | width:0;
205 | height: 100%;
206 | opacity: 0;
207 | }
208 |
209 |
210 | .btn {
211 | background: #36e8f1d9;
212 | }
213 | .btn-primary1 {
214 | color: #fff;
215 | background-color: #2deaead4;
216 | border-color: #6eeded;
217 | }
218 | @media (max-width: 767px){
219 | ul.nav.nav-pills {
220 | padding: 0px 46px;
221 | }
222 | .bt-fl {
223 | margin-right: 5px;
224 | margin-top: 0px;
225 | }
226 | }
227 |
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/font-awesome-4.7/HELP-US-OUT.txt:
--------------------------------------------------------------------------------
1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
2 | Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
3 | comprehensive icon sets or copy and paste your own.
4 |
5 | Please. Check it out.
6 |
7 | -Dave Gandy
8 |
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/font-awesome-4.7/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/font-awesome-4.7/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/font-awesome-4.7/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-100italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-200italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-300italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-500italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-600italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-700italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-800italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-900italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-italic.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/fonts/poppins/poppins-v5-latin-regular.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/ak.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/ak.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/bg-title-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/bg-title-01.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/bg-title-02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/bg-title-02.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/ganesh.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/ganesh.jpeg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/Untitled-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/Untitled-1.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/avatar-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/avatar-01.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/avatar-02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/avatar-02.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/avatar-03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/avatar-03.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/avatar-04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/avatar-04.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/avatar-05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/avatar-05.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/avatar-06.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/avatar-06.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/avatar-big-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/avatar-big-01.jpg
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/logo-blue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/logo-blue.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/logo-mini.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/logo-mini.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/logo-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/logo-white.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/icon/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/images/icon/logo.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/images/lg.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.eot
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.ttf
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.woff
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/mdi-font/fonts/Material-Design-Iconic-Font.woff2
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/project.css:
--------------------------------------------------------------------------------
1 | .image i11{
2 | width: 32px; height: 30px; border-radius: 50%
3 | }
4 | .account-dropdown__footer {
5 | padding: 14px 28px;
6 | border-top: 1px solid #f2f2f2;
7 | display: flex;
8 | }
9 | i.zmdi.zmdi-power {
10 | font-size: 18px;
11 | font-weight: 700;
12 | margin-right: 17px;
13 | }
14 | .main-content {
15 | padding-top: 1px !important;
16 | }
17 | .dropdown-menu.show {
18 | margin-top: 25px;
19 | }
20 | .progress mb-3{
21 | width: 25%; aria-valuenow:50; aria-valuemin:0; aria-valuemax:50
22 | }
23 |
24 | .section__content section__content--p30{
25 | margin-top: 20px;
26 | }
27 |
28 | .sectisection__contenton__content--p30{
29 | margin-top: 20px;
30 | }
31 |
32 | .progress-bar bg-danger progress-bar-striped progress-bar-animated{
33 | width: 100% aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"
34 | }
35 |
36 | .header-desktop {
37 | background: #6624e6 !important;
38 | }
39 | img.logowidth {
40 | width: 200px;
41 | }
42 | .bg-overlay--blue {
43 | background: rgba(102, 36, 230, 0.81);
44 | }
45 | a.hd-link {
46 | letter-spacing: 1px;
47 | font-size: 14px;
48 | color: white;
49 | font-weight: 700;
50 |
51 |
52 | }
53 |
54 | .account-item > .content > a {
55 | color: #e5e5e5;
56 | }
57 | .account-item > .content > a {
58 | color: #e5e5e5;
59 | text-transform: capitalize;
60 | font-weight: 500;
61 | }
62 | .noti__item i {
63 | font-size: 30px;
64 | color: #e5e5e5;
65 | }
66 | .menu-sidebar .logo {
67 | background: #d4d9da;
68 | }
69 | ul.hd-menu {
70 | list-style: none;
71 | display: flex;
72 | justify-content: space-between;
73 | }
74 | .menu {
75 | width: 40%;
76 | }
77 | .nav-tabs {
78 | border-bottom: none;
79 | }
80 | .nav-link {
81 | display: initial;
82 | padding: .6rem 0rem;
83 | }
84 | .nav-tabs {
85 |
86 | padding: 0px 0px 0px 0px;
87 | margin: 0px 60px;
88 | }
89 | .nav-tabs .nav-item {
90 | background: #e5e5e5;
91 | }
92 | .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
93 | border-bottom: 3px solid #885eda;
94 | color: #495057;
95 | background-color: #e5e5e5;
96 | }
97 | .navbar-sidebar .navbar__list li.active > a {
98 | border-right: 2px solid #350790;
99 | color: #350790;
100 | }
101 | .navbar-sidebar .navbar__list li.active > a {
102 | color: #ee640a !important;
103 | }
104 | .nav-tabs .nav-link {
105 | margin: 0px;
106 |
107 | }
108 | i.fa.fa-ellipsis-h {
109 | color: #ee640a;
110 | }
111 | button.btn.btn-secondary.btn-sm {
112 | background: #153b4a;
113 | }
114 |
115 | .au-btn-plus {
116 | background: #6625e6;
117 | }
118 | .au-btn-load {
119 | background: #3f05b1;
120 | }
121 | .nav-tabs .nav-item {
122 |
123 | width: 200px;
124 | }
125 | .i11 img {
126 | border: 2px solid #0e0e0e;
127 | margin-left: -5px;
128 | }
129 | .card {
130 | border: 2px solid #ee640a;
131 | margin-bottom: 30px;
132 | }
133 | .Dropdown-title-1 {
134 | text-align: right;
135 | padding: 0.25rem 1.25rem;
136 | }
137 | .h3-name {
138 | font-weight: 700;
139 | font-size: 18px;
140 | }
141 | .i11 {
142 | display: flex;
143 | justify-content: space-around;
144 | }
145 | .iim {
146 | text-align: center;
147 | margin-left: 18px;
148 | }
149 | p.p-p {
150 | font-size: 14px;
151 | }
152 | .progress {
153 | margin-top: 1.2rem;
154 | overflow: hidden;
155 | height: 13px;
156 | }
157 | strong.str {
158 | font-size: 12px;
159 | }
160 | .card-cont {
161 | text-align: left;
162 | padding: 0.25rem 1.25rem;
163 | line-height: 30px;
164 | }
165 | .header-mobile .header-mobile__bar {
166 | padding: 0px 0 !important;
167 | }
168 | h1.hd-pr-1 {
169 | margin: 14px 60px;
170 | }
171 | /* header.header-mobile.d-block.d-lg-none {
172 | background: #6624e6;
173 | } */
174 | @media (max-width: 992px){
175 | .card-cont {
176 | text-align: center;
177 | padding: 0.25rem 1.25rem;
178 | line-height: 30px;
179 | }
180 | }
181 | @media (max-width: 992px){
182 | .menu {
183 | width: 100%;
184 | }
185 | img.logowidth {
186 | width: 100px;
187 |
188 | }
189 | }
190 | @media (max-width: 991px){
191 | .header-button {
192 | padding: 9px 0px;
193 | margin-top: 10px;
194 | width: 100%;
195 | -webkit-box-pack: justify;
196 | -webkit-justify-content: space-between;
197 | -moz-box-pack: justify;
198 | -ms-flex-pack: justify;
199 | justify-content: space-between;
200 | border-top: 1px solid white;
201 | }
202 | }
203 | @media (max-width: 991px){
204 | .header-desktop {
205 | position: relative;
206 | top: 0;
207 | left: 0;
208 | height: 106px;
209 | }
210 | }
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/slack/arr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/slack/arr.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/slack/arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/slack/arrow.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/slack/slack.css:
--------------------------------------------------------------------------------
1 | img.png-set1 {
2 | width: 200px;
3 | }
4 | img.png-set {
5 | width: 30px;
6 | }
7 | .main5 {
8 | text-align: center;
9 | }
10 | .imoji {
11 | justify-content: center;
12 | display: flex;
13 | }
14 | img.png-set {
15 | margin-top: 10px;
16 | height: 30px;
17 | width: 30px;
18 | }
19 | p.p-circle {
20 | margin: -6px 17px;
21 | border: 1px solid black;
22 | border-radius: 50%;
23 | padding: 8px 12px;
24 | }
25 |
26 | table {
27 | margin: auto;
28 | }
29 | tr {
30 | height: 60px;
31 | }
32 | p.p-p {
33 | width: 264px;
34 | margin: 0;
35 | }
36 | img.im-arrow {
37 | display: inline-flex;
38 | width: 48px;
39 | height: 25px;
40 | vertical-align: middle;
41 | }
42 | .btnn {
43 | float: right;
44 | border: 3px solid black;
45 | background: white;
46 | font-size: 35px;
47 | font-variant: all-petite-caps;
48 | font-weight: bolder;
49 | border-radius: 11px;
50 | }
51 | .h11 {
52 | font-size: 36px;
53 | margin: 0;
54 | }
55 |
56 | .main5 {
57 | padding: 0px 10%;
58 | }
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/slack/slack.jsx:
--------------------------------------------------------------------------------
1 | import React , { Component } from 'react';
2 | import slackpng from './slack.png';
3 | import './slack.css';
4 | import smilipng from './smili.png';
5 | import arrpng from './arr.png';
6 | import arrowpng from './arrow.png';
7 |
8 |
9 | class Slack extends Component{
10 |
11 | render(){
12 | return(
13 |
14 |
55 |
56 | )
57 | }
58 | }
59 |
60 | export default Slack;
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/slack/slack.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/slack/slack.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/slack/smili.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/DeveloperDashborad/slack/smili.png
--------------------------------------------------------------------------------
/src/component/DeveloperDashborad/team.css:
--------------------------------------------------------------------------------
1 | .header-desktop {
2 | background: #6624e6 !important;
3 | }
4 | .bg-overlay--blue {
5 | background: rgba(102, 36, 230, 0.81);
6 | }
7 | a.hd-link {
8 | letter-spacing: 1px;
9 | font-size: 14px;
10 | color: white;
11 | font-weight: 700;
12 | }
13 | .account-item > .content > a {
14 | color: #e5e5e5;
15 | }
16 | .account-item > .content > a {
17 | color: #e5e5e5;
18 | text-transform: capitalize;
19 | font-weight: 500;
20 | }
21 | .noti__item i {
22 | font-size: 30px;
23 | color: #e5e5e5;
24 | }
25 | .logo {
26 |
27 | text-align: center;
28 | }
29 | img.logowidth {
30 | width: 100%;
31 | }
32 | .menu-sidebar .logo {
33 | background:#d4d9da;
34 | }
35 | ul.hd-menu {
36 | list-style: none;
37 | display: flex;
38 | justify-content: space-between;
39 | }
40 | .menu {
41 | width: 40%;
42 | }
43 | .nav-tabs {
44 | border-bottom: none;
45 | }
46 | .nav-link {
47 | display: initial;
48 | padding: .6rem 0rem;
49 | }
50 | .nav-tabs {
51 |
52 | padding: 0px 0px 0px 0px;
53 | margin: 0px 60px;
54 | }
55 | .nav-tabs .nav-item {
56 | background: #e5e5e5;
57 | }
58 | .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
59 | border-bottom: 3px solid #885eda;
60 | color: #495057;
61 | background-color: #e5e5e5;
62 | }
63 | .navbar-sidebar .navbar__list li.active > a {
64 | border-right: 2px solid #350790;
65 | color: #350790;
66 | }
67 | .navbar-sidebar .navbar__list li.active > a {
68 | color: #ee640a;
69 | }
70 | .nav-tabs .nav-link {
71 | margin: 0px;
72 |
73 | }
74 | i.fa.fa-ellipsis-h {
75 | color: #ee640a;
76 | }
77 | button.btn.btn-secondary.btn-sm {
78 | background: #153b4a;
79 | }
80 |
81 | .au-btn-plus {
82 | background: #6625e6;
83 | }
84 | .au-btn-load {
85 | background: #3f05b1;
86 | }
87 | .nav-tabs .nav-item {
88 |
89 | width: 200px;
90 | }
91 | .i11 img {
92 | border: 2px solid #0e0e0e;
93 | margin-left: -5px;
94 | }
95 | .card {
96 | border: 2px solid #ee640a;
97 | margin-bottom: 30px;
98 | }
99 | .Dropdown-title-1 {
100 | text-align: right;
101 | padding: 0.25rem 1.25rem;
102 | }
103 | .h3-name {
104 | font-weight: 700;
105 | font-size: 18px;
106 | }
107 | .i11 {
108 | display: flex;
109 | justify-content: space-around;
110 | }
111 | .iim {
112 | text-align: center;
113 | margin-left: 18px;
114 | }
115 | p.p-p {
116 | font-size: 14px;
117 | }
118 | .progress {
119 | margin-top: 1.2rem;
120 | overflow: hidden;
121 | height: 13px;
122 | }
123 | strong.str {
124 | font-size: 12px;
125 | }
126 | .card-cont {
127 | text-align: left;
128 | padding: 0.25rem 1.25rem;
129 | line-height: 30px;
130 | }
131 | h1.hd-pr-1 {
132 | margin: 14px 60px;
133 | }
134 | header.header-mobile.d-block.d-lg-none {
135 | background: #6624e6;
136 | }
137 | .profile-card-1 {
138 | font-family: 'Open Sans', Arial, sans-serif;
139 | position: relative;
140 | float: left;
141 | overflow: hidden;
142 | width: 100%;
143 | color: #ffffff;
144 | text-align: center;
145 | height:368px;
146 | border:none;
147 | }
148 | .profile-card-1 .background {
149 | width:100%;
150 | vertical-align: top;
151 | opacity: 0.9;
152 | -webkit-filter: blur(5px);
153 | filter: blur(5px);
154 | -webkit-transform: scale(1.8);
155 | transform: scale(2.8);
156 | }
157 | .profile-card-1 .card-content {
158 | width: 100%;
159 | padding: 15px 25px;
160 | position: absolute;
161 | left: 0;
162 | top: 50%;
163 | }
164 | .profile-card-1 .profile {
165 | border-radius: 50%;
166 | position: absolute;
167 | bottom: 50%;
168 | left: 50%;
169 | max-width: 100px;
170 | opacity: 1;
171 | box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
172 | border: 2px solid rgba(255, 255, 255, 1);
173 | -webkit-transform: translate(-50%, 0%);
174 | transform: translate(-50%, 0%);
175 | }
176 | .profile-card-1 h2 {
177 | color: white;
178 | margin: 0 0 5px;
179 | font-weight: 600;
180 | font-size: 25px;
181 | }
182 | .profile-card-1 h2 small {
183 | display: block;
184 | font-size: 15px;
185 | margin-top:10px;
186 | }
187 | .profile-card-1 i {
188 | display: inline-block;
189 | font-size: 16px;
190 | color: #ffffff;
191 | text-align: center;
192 | border: 1px solid #fff;
193 | width: 30px;
194 | height: 30px;
195 | line-height: 30px;
196 | border-radius: 50%;
197 | margin:0 5px;
198 | }
199 | .profile-card-1 .icon-block{
200 | float:left;
201 | width:100%;
202 | margin-top:15px;
203 | }
204 | .profile-card-1 .icon-block a{
205 | text-decoration:none;
206 | }
207 | .profile-card-1 i:hover {
208 | background-color:#fff;
209 | color:#2E3434;
210 | text-decoration:none;
211 | }
212 | .fa-3x {
213 | font-size: 1.2em;
214 | }
215 |
216 | @media (max-width: 992px){
217 | .card-cont {
218 | text-align: center;
219 | padding: 0.25rem 1.25rem;
220 | line-height: 30px;
221 | }
222 | img.logowidth {
223 | width: 156px;
224 | }
225 | }
226 | @media (max-width: 992px){
227 | .menu {
228 | width: 100%;
229 |
230 | }
231 | }
232 | @media (max-width: 991px){
233 | .header-button {
234 | padding: 9px 0px;
235 | margin-top: 10px;
236 | width: 100%;
237 | -webkit-box-pack: justify;
238 | -webkit-justify-content: space-between;
239 | -moz-box-pack: justify;
240 | -ms-flex-pack: justify;
241 | justify-content: space-between;
242 | border-top: 1px solid white;
243 | }
244 | }
245 | @media (max-width: 991px){
246 | .header-desktop {
247 | position: relative;
248 | top: 0;
249 | left: 0;
250 | height: 106px;
251 | }
252 | }
--------------------------------------------------------------------------------
/src/component/Profile/Experience.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Link , Redirect} from 'react-router-dom';
3 | import axios from 'axios';
4 | import Select from 'react-select';
5 | import { template } from 'handlebars';
6 | import { fromEvent } from 'rxjs';
7 | import { thisExpression } from '@babel/types';
8 | import { func } from 'prop-types';
9 | import '../css/profile.css';
10 | import FileViewer from 'react-file-viewer';
11 |
12 |
13 |
14 |
15 |
16 | export default class Experience extends Component {
17 |
18 | constructor(props){
19 | super(props);
20 | this.state={
21 |
22 | collegeName:'',
23 | years:'',
24 | month:'',
25 | days:'',
26 | oldCompany:'',
27 | githubURL:'',
28 | pictures:'',
29 | languages:'',
30 | languagList:[],
31 | technologyList:[],
32 | technology:'',
33 | username:'',
34 | file:'',
35 | message:'',
36 |
37 | }
38 | }
39 |
40 |
41 |
42 | getLanguage(languages){
43 | if (languages == "") return "";
44 | else return languages;
45 |
46 | }
47 |
48 | handleCheck(e){
49 | this.setState({
50 | ...this.state,
51 | [e.target.name]:e.target.value
52 | })
53 | }
54 |
55 | handleChecks(languages){
56 | this.setState({
57 | ...this.state,
58 | languages:languages
59 | });
60 | }
61 |
62 | handleChecksing(technology){
63 | this.setState({
64 | technology,
65 | });
66 | console.log(`options selected is:`,technology)
67 | }
68 |
69 | componentDidMount(){
70 | axios.get( 'https://freelancerapis.herokuapp.com/user/language/')
71 | .then( res =>this.setState ({ languagList:res.data}))
72 | .catch( err => err.response)
73 |
74 | axios.get( 'https://freelancerapis.herokuapp.com/user/technology/')
75 | .then( res =>this.setState ({ technologyList:res.data}))
76 | .catch( err => err.response)
77 |
78 | }
79 |
80 | FileHandler(e){
81 | this.setState({
82 | ...this.state,
83 | file:e.target.files[0],
84 | loaded:0
85 | });
86 | }
87 |
88 | componentWillMount(){
89 | let emailId=localStorage.getItem('email');
90 | axios.get(`https://freelancerapis.herokuapp.com/user/experience/?username=${emailId}`)
91 | .then(response =>
92 | this.setState({
93 | collegeName:response.data.collegeName,
94 | languages:response.data.languages,
95 | years:response.data.years,
96 | month:response.data.month,
97 | days:response.data.days,
98 | oldCompany:response.data.oldCompany,
99 | githubURL:response.data.githubURL,
100 | pictures:response.data.pictures,
101 | username:emailId
102 | })
103 | )
104 |
105 |
106 | .catch(err => err.response.data)
107 | }
108 | handleSubmit(e){
109 | e.preventDefault();
110 |
111 |
112 | if(this.state.languages.length === 0){
113 | console.log('lang blank')
114 | }else if(this.state.technology.length === 0){
115 | console.log('')
116 |
117 | }
118 | else{
119 | const lnaguages =this.state.languages.map( item =>item.label)
120 | const tecnho =this.state.technology.map( item =>item.label)
121 |
122 | const email= localStorage.getItem('email');
123 | const data = new FormData();
124 | data.append('pictures', this.state.file)
125 | data.append('username', email)
126 | data.append('collegeName',this.state.collegeName)
127 | data.append('years',this.state.years)
128 | data.append('month',this.state.month)
129 | data.append('days',this.state.days)
130 | data.append('oldCompany',this.state.oldCompany)
131 | data.append('githubURL',this.state.githubURL)
132 | data.append('languages',lnaguages)
133 | data.append('technology',tecnho)
134 |
135 | console.log('data',(data))
136 |
137 | axios.post(`https://freelancerapis.herokuapp.com/user/experience/?username=${email}`,data)
138 | .then(res => this.setState({
139 | ...this.state,
140 | message:'redirected'
141 | }))
142 | .catch(err => err.response.data)
143 |
144 | }
145 | }
146 | render() {
147 | const { languagList ,technologyList , message , pictures} = this.state;
148 |
149 |
150 |
151 | return (
152 |
15 |
19 | join us for a video call !
16 |
17 | 
18 | we'd like to get to know you better ,and to see if you're good fit for our elite development family
20 |
21 | 
22 |
23 |
24 |
25 |
26 |
27 |
28 |
52 |
53 |
54 | 1 |
30 | Install Slack by clicking on the icon avob | 31 |
2 |
34 | Join oure workspace by clicking the link | 35 |
| 40 | 41 | | 42 |43 | 45 | https://www.programmableweb.com/news/how-to-connect-to-api-javascript/how-to/2018/06/17 | 46 |
1 |
49 | We'll reach out to you for a coll | 50 |
153 |
278 | )
279 | }
280 | }
281 |
--------------------------------------------------------------------------------
/src/component/Profile/ExperienceEdit.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | import { Link } from 'react-router-dom';
4 | import axios from 'axios';
5 | import Select from 'react-select';
6 | import { template } from 'handlebars';
7 | import { fromEvent } from 'rxjs';
8 | import { thisExpression } from '@babel/types';
9 | import { func } from 'prop-types';
10 | import '../css/profile.css';
11 |
12 |
13 | export default class ExperienceEdit extends Component {
14 |
15 | constructor(props){
16 | super(props);
17 | this.state={
18 | collegeName:'',
19 | years:'',
20 | month:'',
21 | days:'',
22 | oldCompany:'',
23 | githubURL:'',
24 | pictures:'',
25 | languages:'',
26 | languagList:[],
27 | technologyList:[],
28 | technology:'',
29 | username:'',
30 | file:'',
31 | message:''
32 |
33 | }
34 | }
35 |
36 |
37 |
38 | handleCheck(e){
39 | this.setState({
40 | ...this.state,
41 | [e.target.name]:e.target.value
42 | })
43 | }
44 |
45 | handleChecks(languages){
46 | this.setState({
47 | ...this.state,
48 | languages:languages
49 | });
50 | }
51 |
52 | handleChecksing(technology){
53 | this.setState({
54 | technology,
55 | });
56 | console.log(`options selected is:`,technology)
57 | }
58 |
59 | componentWillMount(){
60 | let emailId=localStorage.getItem('email');
61 | axios.get(`https://freelancerapis.herokuapp.com/user/experience/?username=${emailId}`)
62 | .then( response =>
63 | this.setState({
64 | collegeName:response.data.collegeName,
65 | years:response.data.years,
66 | month:response.data.month,
67 | days:response.data.days,
68 | oldCompany:response.data.oldCompany,
69 | githubURL:response.data.githubURL,
70 | file:response.data.file,
71 | username:emailId,
72 | pictures:response.data.pictures
73 |
74 |
75 | })
76 | )
77 |
78 | .catch(err => err.response.data)
79 | }
80 |
81 | componentDidMount(){
82 | axios.get( 'https://freelancerapis.herokuapp.com/user/language/')
83 | .then( res =>this.setState ({ languagList:res.data}))
84 | .catch( err => err.response)
85 |
86 | axios.get( 'https://freelancerapis.herokuapp.com/user/technology/')
87 | .then( res =>this.setState ({ technologyList:res.data}))
88 | .catch( err => err.response)
89 |
90 | }
91 |
92 | FileHandler(e){
93 | this.setState({
94 | ...this.state,
95 | file:e.target.files[0],
96 | loaded:0
97 | });
98 | }
99 |
100 |
101 | handleSubmit(e){
102 | e.preventDefault();
103 |
104 | if(this.state.technology.length !== 0 ){
105 | var tecnho =this.state.technology.map( item =>item.label)
106 | }
107 |
108 | if(this.state.languages.length !== 0 ){
109 | var lnaguages =this.state.languages.map( item =>item.label)
110 | }
111 |
112 |
113 |
114 |
115 | const emailid= localStorage.getItem('email');
116 | const data = new FormData();
117 | data.append('pictures', this.state.file)
118 | data.append('username', emailid)
119 | data.append('collegeName',this.state.collegeName)
120 | data.append('years',this.state.years)
121 | data.append('month',this.state.month)
122 | data.append('days',this.state.days)
123 | data.append('oldCompany',this.state.oldCompany)
124 | data.append('githubURL',this.state.githubURL)
125 | data.append('languages',lnaguages)
126 | data.append('technology',tecnho)
127 |
128 | console.log('data',(data))
129 |
130 | axios.put(`https://freelancerapis.herokuapp.com/user/experience/?username=${emailid}`,data)
131 | .then(res => this.setState({
132 | message:'edited successfully'
133 | }))
134 | .catch(err => err.response.data)
135 |
136 |
137 |
138 |
139 | }
140 | render() {
141 | const { languagList ,technologyList , message} = this.state;
142 |
143 | return (
144 |
154 |
277 |
155 |
156 |
276 | 156 |
157 |
275 |
158 |
180 |
159 |
171 | Profile
160 |
161 |
162 |
170 | 163 | Personal Information 164 |
165 |166 | Professional Experience 167 |
168 | 169 |
172 |
173 |
177 |
178 |
179 |
181 |
182 |
183 |
184 |
274 |
185 |
273 |
186 |
187 |
272 |
188 |
192 |
193 |
189 | ![]()
190 |
191 |
194 |
195 |
196 |
197 |
198 |
199 |
200 |
269 |
270 |
271 |
201 |
204 |
268 | Professional Information
202 | 203 |
145 |
146 | {(message === 'edited successfully') && (
147 |
267 | )
268 | }
269 | }
270 |
271 |
--------------------------------------------------------------------------------
/src/component/Profile/Profile.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import Experience from '../Profile/Experience';
3 | import {Link } from 'react-router-dom';
4 | import { connect } from 'react-redux';
5 | import { withRouter, Redirect} from 'react-router-dom';
6 | import axios from 'axios'
7 | import {message} from 'antd';
8 | import '../css/profile.css';
9 |
10 |
11 | class Profile extends Component {
12 |
13 | constructor(props){
14 | super(props);
15 | this.state={
16 | first_name:'',
17 | title:'',
18 | country:'',
19 | email:'',
20 | biography:'',
21 | fbURl:'',
22 | GoogleURL:'',
23 | LinkedinUrl:'',
24 | TwitterUrl:'',
25 | countriesList:[],
26 | username:'',
27 | messages:false,
28 | }
29 | this.handleChange=this.handleChange.bind(this);
30 | this.onSubmit=this.onSubmit.bind(this);
31 | }
32 |
33 |
34 | handleChange(e){
35 | this.setState({
36 | ...this.state,
37 | [e.target.name]:e.target.value
38 | })
39 | }
40 |
41 |
42 | onSubmit(e){
43 | e.preventDefault();
44 |
45 | const email= localStorage.getItem('email');
46 | const profileData={
47 |
48 | title:this.state.title,
49 | username:email,
50 | country:this.state.country,
51 | biography:this.state.biography,
52 | fbURl:this.state.fbURl,
53 | GoogleURL:this.state.GoogleURL,
54 | LinkedinUrl:this.state.LinkedinUrl,
55 | TwitterUrl:this.state.TwitterUrl,
56 | }
57 |
58 | console.log(profileData)
59 |
60 | axios.post('https://freelancerapis.herokuapp.com/user/profile/', profileData)
61 | .then( res => res.data )
62 | .then(response => {
63 | console.log(response.done)
64 | if(response.done == "successfully"){
65 | this.setState({
66 | messages:true
67 | })
68 | }
69 | } )
70 | .catch( err => console.log(err.response.data))
71 | }
72 |
73 | componentDidMount(){
74 |
75 |
76 |
77 | const fullname=localStorage.getItem('fullname');
78 | const email= localStorage.getItem('email');
79 | this.setState({
80 | ...this.state,
81 | first_name:fullname,
82 | email:email
83 | });
84 |
85 |
86 | axios.get('https://restcountries.eu/rest/v2/all')
87 | .then(res => this.setState ({
88 | ...this.state,
89 | countriesList:res.data
90 | }))
91 | .catch(err => err.response)
92 |
93 | }
94 | componentWillMount(){
95 | let emailId=localStorage.getItem('email');
96 |
97 | axios.get(`https://freelancerapis.herokuapp.com/user/profile/?username=${emailId}`)
98 | .then( response =>this.setState({
99 |
100 | title:response.data.title,
101 | country:response.data.country,
102 | biography:response.data.biography,
103 | fbURl:response.data.fbURl,
104 | GoogleURL:response.data.GoogleURL,
105 | LinkedinUrl:response.data.LinkedinUrl,
106 | TwitterUrl:response.data.TwitterUrl,
107 | })
108 | )
109 | .catch(err => err.response.data)
110 | }
111 |
112 |
113 |
114 | render() {
115 | const { messages} = this.state;
116 | console.log(messages)
117 | console.log(this.props.auth)
118 |
119 | return (
120 |
121 | Profile Updated Successfully
148 | )}
149 |
150 |
266 |
151 |
152 |
265 | 152 |
153 |
264 |
154 |
182 |
155 |
173 | Profile
156 |
157 | {
158 | /*
172 | {this.state.first_name}
159 |
160 |
162 | {this.props.auth.user.email}
161 |developer
*/ 163 | } 164 |165 | Personal Information 166 |
167 |168 | Professional Experience 169 |
170 | 171 |
174 |
175 |
179 |
180 |
181 |
183 |
184 |
185 |
186 |
263 |
187 |
262 |
188 |
189 |
261 |
190 |
194 |
195 |
191 | ![]()
192 |
193 |
196 |
197 |
198 |
199 |
200 |
201 |
202 |
203 |
257 |
258 |
259 |
260 |
122 | { messages && (
123 | < Redirect to ="/experience"/>
124 | )}
125 |
126 |
127 |
128 |
129 |
275 |
276 | )
277 | }
278 | }
279 |
280 |
281 |
282 | const mapStateToProps =state =>({
283 | auth:state.auth
284 | })
285 |
286 | export default connect( mapStateToProps)(withRouter(Profile));
--------------------------------------------------------------------------------
/src/component/Profile/ProfileEdit.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import Experience from '../Profile/Experience';
3 | import {Link } from 'react-router-dom';
4 | import { connect } from 'react-redux';
5 | import { withRouter, Redirect} from 'react-router-dom';
6 | import axios from 'axios'
7 | import {message} from 'antd';
8 | import '../css/profile.css';
9 |
10 |
11 | class ProfileEdit extends Component {
12 |
13 | constructor(props){
14 | super(props);
15 | this.state={
16 | first_name:'',
17 | title:'',
18 | country:'',
19 | email:'',
20 | biography:'',
21 | fbURl:'',
22 | GoogleURL:'',
23 | LinkedinUrl:'',
24 | TwitterUrl:'',
25 | countriesList:[],
26 | messages:false,
27 | }
28 | this.handleChange=this.handleChange.bind(this);
29 | this.onSubmit=this.onSubmit.bind(this);
30 | }
31 |
32 |
33 | handleChange(e){
34 | this.setState({
35 | ...this.state,
36 | [e.target.name]:e.target.value
37 | })
38 | }
39 |
40 |
41 | onSubmit(e){
42 | e.preventDefault();
43 | const profileData={
44 |
45 | first_name:this.state.first_name,
46 | title:this.state.title,
47 | email:this.state.email,
48 | country:this.state.country,
49 | biography:this.state.biography,
50 | fbURl:this.state.fbURl,
51 | GoogleURL:this.state.GoogleURL,
52 | LinkedinUrl:this.state.LinkedinUrl,
53 | TwitterUrl:this.state.TwitterUrl,
54 | };
55 | axios.put(`https://freelancerapis.herokuapp.com/user/profile/?username=${this.state.email}`,profileData)
56 | .then(response => console.log(response))
57 | .catch(err => err.response.data)
58 |
59 | console.log(profileData);
60 |
61 | }
62 |
63 | componentDidMount(){
64 | axios.get('https://restcountries.eu/rest/v2/all')
65 | .then(res => this.setState ({
66 | ...this.state,
67 | countriesList:res.data
68 | }))
69 | .catch(err => err.response)
70 |
71 | }
72 |
73 | componentWillMount(){
74 | let emailId=localStorage.getItem('email');
75 |
76 |
77 | axios.get(`https://freelancerapis.herokuapp.com/user/profile/?username=${emailId}`)
78 | .then( response =>this.setState({
79 | first_name:this.state.first_name,
80 | title:response.data.title,
81 | country:response.data.country,
82 | email:response.data.username,
83 | biography:response.data.biography,
84 | fbURl:response.data.fbURl,
85 | GoogleURL:response.data.GoogleURL,
86 | LinkedinUrl:response.data.LinkedinUrl,
87 | TwitterUrl:response.data.TwitterUrl,
88 |
89 |
90 | })
91 | )
92 | .catch(err => err.response.data)
93 | }
94 |
95 |
96 | render() {
97 | const { messages} = this.state;
98 | console.log(this.state.first_name)
99 |
100 | return (
101 |
102 |
130 |
274 |
131 |
272 |
273 |
132 |
133 |
270 |
271 | 133 |
134 |
269 |
135 |
156 |
157 |
136 |
147 | Profile
137 |
138 |
146 | 139 | Personal Information 140 |
141 |142 | Professional Experience 143 |
144 | 145 |
148 |
149 |
153 |
154 |
155 |
158 |
159 |
265 |
266 |
267 |
268 |
103 | { messages && (
104 | < Redirect to ="/experience"/>
105 | )}
106 |
107 |
108 |
268 |
269 | )
270 | }
271 | }
272 |
273 |
274 |
275 | const mapStateToProps =state =>({
276 | auth:state.auth
277 | })
278 |
279 | export default connect( mapStateToProps)(withRouter(ProfileEdit));
--------------------------------------------------------------------------------
/src/component/auth/CheckPage.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import '../css/opensans-font.css';
3 | import '../css/style.css';
4 | import Carrt from '../images/form-v7.jpg';
5 |
6 |
7 |
8 | export default class CheckPage extends Component {
9 | render() {
10 |
11 | return (
12 |
13 |
109 |
117 |
118 |
110 |
111 | ![]()
112 |
113 |
114 |
115 |
116 |
119 |
120 |
121 |
122 |
123 |
267 |
124 |
265 |
266 |
125 |
126 |
263 |
264 | 126 |
127 |
262 |
128 |
149 |
150 |
129 |
140 | Profile
130 |
131 |
139 | 132 | Personal Information 133 |
134 |135 | Professional Experience 136 |
137 | 138 |
141 |
142 |
146 |
147 |
148 |
151 |
152 |
258 |
259 |
260 |
261 |
14 |
49 | );
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/src/component/auth/ForgetPassword.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import axios from 'axios';
3 | import { Link } from 'react-router-dom';
4 | import classnames from 'classnames';
5 | import { Redirect } from 'react-router-dom';
6 | import '../css/ForgetCSS.css';
7 |
8 |
9 | class ForgetPassword extends Component {
10 | constructor(props) {
11 | super(props);
12 |
13 | this.state = {
14 | email: '',
15 | error: false,
16 | messageFromServer: false,
17 | shownnullError:false
18 |
19 | };
20 | this.handleChange = this.handleChange.bind(this);
21 | this.handleSubmit = this.handleSubmit.bind(this);
22 | }
23 |
24 | handleChange(e){
25 | this.setState({
26 | [e.target.name]:e.target.value
27 | })
28 | }
29 |
30 | handleSubmit = e => {
31 | e.preventDefault();
32 | const {email }= this.state;
33 | if( email === ''){
34 | this.setState({
35 | error:false,
36 | messageFromServer:false
37 |
38 | })
39 | }else
40 | {
41 | const userData={email:this.state.email};
42 | console.log(userData);
43 | axios
44 | .post('http://localhost:7000/auth/forget',userData )
45 | .then (response => response.data)
46 | .then( res =>{
47 | if(res.status){
48 | this.setState({
49 | ...this.state,
50 | error:false , messageFromServer:true
51 | })
52 | }else{
53 | this.setState({
54 | error:res.message,messageFromServer:false
55 | })
56 | }
57 | })}
58 | };
59 |
60 | render() {
61 | const {messageFromServer, error } = this.state;
62 |
63 | return (
64 |
65 |
15 |
48 |
16 |
47 |
17 | ![]({Carrt}alt="form")
18 |
21 |
46 | Sign Up
19 |Privaci policy & Term of service
20 |
66 | {error && (
67 |
109 | );
110 | }
111 | }
112 |
113 |
114 | export default ForgetPassword;
115 |
--------------------------------------------------------------------------------
/src/component/auth/LandingNew.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import '../css/Landing.css'
3 | import { Link, Redirect } from 'react-router-dom';
4 |
5 | export default class LandningLatest extends Component {
6 |
7 | constructor(props){
8 | super(props);
9 | this.state={
10 | url:'https://www.hedvig.io/wp-content/uploads/2018/11/hedvig-motion-bg-opt.mp4',
11 | developer:'',
12 | client:''
13 | }
14 | }
15 |
16 | handleChange(e) {
17 |
18 | this.setState({
19 | [e.target.name]: e.target.id
20 | });
21 | localStorage.setItem('myid',e.target.id)
22 | }
23 |
24 | render() {
25 | return (
26 |
68 | Email is not valid Pleae type the correct email
69 |
70 | )}
71 |
72 |
73 | {/* 
*/}
74 | Reset Your Password
75 |
105 | {messageFromServer && (
106 | Reset Your Password 
75 | Please enter your Email ID to receive password reset link
76 | 77 | 78 | 101 | 102 | Take me back to Sign in 103 | 104 |
27 |
28 |
29 |
82 | )
83 | }
84 | }
85 |
--------------------------------------------------------------------------------
/src/component/auth/LandingPage.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import '../css/themenew.css';
3 | import '../css/header.css';
4 | import Solutions from '../auth/Solutions';
5 |
6 | import { Link } from 'react-router-dom';
7 |
8 |
9 | export default class LandingPage extends Component {
10 | render() {
11 | return (
12 |
30 |
81 |
31 |
32 |
80 |
33 |
48 |
34 |
37 |
38 |
39 |
47 |
40 |
46 |
41 |
42 |
45 | Simple. Scalable. Secure.
43 |Experience the world's only private, hybrid, and multi-cloud data management system for virtual and container environments.
44 |
49 |
79 |
50 |
78 |
51 |
52 |
77 |
53 |
76 |
54 |
58 |
59 | Welcome to the world of best Freelacer
55 |
56 | Regsiter as
60 |
61 |
64 |
65 |
66 |
67 |
68 |
69 |
72 |
73 |
74 |
75 |
13 |
67 | )
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/src/component/auth/Login.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { connect } from 'react-redux'
3 | import { withRouter } from 'react-router-dom';
4 | import '../css/register.css';
5 |
6 | import lockIcon from '../images/lock-icon.png';
7 | import userIcon from '../images/user.png';
8 | import logo from '../images/logo.png';
9 | import { Link } from 'react-router-dom';
10 | import svg from '../images/hero-illustration.svg';
11 | import { loginUser } from "../../actions/authentication";
12 |
13 | class Login extends Component {
14 | constructor(props) {
15 | super(props);
16 | this.state = {
17 | email:'',
18 | password:'',
19 | id:'',
20 | errors:{}
21 | };
22 |
23 | this.onChange = this.onChange.bind(this);
24 | this.onSubmit = this.onSubmit.bind(this);
25 | }
26 |
27 | componentWillReceiveProps(nextProps){
28 | if(nextProps.errors){
29 | this.setState({
30 | errors:nextProps.errors
31 | })
32 | }
33 | }
34 |
35 | onChange(e) {
36 | this.setState({
37 | [e.target.name]: e.target.value
38 | });
39 | }
40 |
41 |
42 |
43 | onSubmit(e) {
44 | e.preventDefault();
45 | const userData = {
46 | username: this.state.email,
47 | password: this.state.password,
48 |
49 | };
50 | this.props.loginUser(userData,this.props.history);
51 | this.setState({ errors:''})
52 | }
53 |
54 | render() {
55 | const { id ,errors} = this.state;
56 | console.log('errorsas',errors);
57 |
58 |
59 | return (
60 |
14 |
64 | < Solutions/>
65 |
66 |
15 |
63 |
16 |
62 |
17 |
60 |
61 |
61 |
62 | { errors.error == "Invalid Credentials" && (
63 |
112 | );
113 | }
114 | }
115 |
116 | const mapStateToProps = state => ({
117 | errors:state.errors,
118 | auth:state.auth,
119 |
120 |
121 | })
122 |
123 | export default connect( mapStateToProps, {loginUser} )(withRouter(Login));
124 |
--------------------------------------------------------------------------------
/src/component/auth/Logout.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 |
3 | export default class Logout extends Component {
4 |
5 | componentWillMount(){
6 | this.logoutFunction();
7 | }
8 |
9 | logoutFunction(){
10 | let onclick = () =>{
11 | localStorage.removeItem('jwtToken');
12 | window.location.href('/login');
13 | }
14 |
15 |
16 |
17 | }
18 | render() {
19 | return (
20 | null
21 | )
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/component/auth/Register.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { connect } from 'react-redux';
3 | import { withRouter } from 'react-router-dom';
4 | import { registerUser } from '../../actions/authentication'
5 | import classnames from 'classnames';
6 |
7 | import lockIcon from '../images/lock-icon.png';
8 | import userIcon from '../images/user.png';
9 | import logo from '../images/logo.png';
10 | import { Link } from 'react-router-dom';
11 | import svg from '../images/hero-illustration.svg';
12 | import clientImg from '../images/ivr_banner_img (1).png';
13 |
14 | import axios from 'axios';
15 | import { id } from "postcss-selector-parser";
16 | import '../css/register.css';
17 |
18 |
19 | class Register extends Component {
20 | constructor(props) {
21 | super(props);
22 | this.state = {
23 | fullName:'',
24 | password:'',
25 | password2:'',
26 | email:'',
27 | roles:'',
28 |
29 | content:'',
30 | msg:'',
31 | clientError:false,
32 | errors:'',
33 | passMatch:false
34 |
35 | };
36 |
37 | this.onChange = this.onChange.bind(this);
38 | this.onSubmit = this.onSubmit.bind(this);
39 | }
40 |
41 | componentDidMount(){
42 | console.log(this.props)
43 | const id = localStorage.getItem('myid')
44 | if(id == '1'){
45 | this.setState({content:svg , msg:"Find best Projects" })
46 | }else{
47 | this.setState({content:clientImg , msg:"Find Best Freelancers"})
48 | }
49 |
50 | }
51 |
52 | componentWillReceiveProps(nextProps){
53 | if(nextProps.errors){
54 | this.setState({
55 | errors:nextProps.errors
56 | })
57 | }
58 | }
59 |
60 |
61 | onChange(e) {
62 | this.setState({
63 | [e.target.name]: e.target.value
64 | });
65 | }
66 |
67 | onSubmit(e) {
68 | e.preventDefault();
69 | const { password , password2 } = this.state;
70 | const myid = localStorage.getItem('myid');
71 |
72 | const reg = new RegExp("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})");
73 |
74 |
75 | if( myid == 1){
76 | var roles = "1"
77 | }else if ( myid == 2){
78 | var roles = "2"
79 | }
80 |
81 | if( password !== password2){
82 | this.setState({
83 | ...this.state,
84 | clientError:'confirmPasword',
85 | errors:'',
86 |
87 | })
88 | }
89 | else if ( !reg.test(password)){
90 | this.setState({clientError:'password length', errors:'' });
91 |
92 | }
93 |
94 | else{
95 | const register = {
96 | first_name:this.state.fullName,
97 | username:this.state.email,
98 | password: this.state.password,
99 | roles
100 |
101 | };
102 | console.log(register)
103 | this.props.registerUser(register, this.props.history)
104 | this.setState({
105 | clientError:''
106 | });
107 | }
108 |
109 | }
110 |
111 | render() {
112 |
113 | const {clientError , errors } = this.state;
114 | console.log('err',errors)
115 | return (
116 |
117 |
118 | Please Type the correct Email and Password
64 | )}
65 |
66 |
67 |
102 |
68 | 
69 |
71 |
72 |
94 |
95 |
96 | FREELANCER
70 |97 | Don't have an account. Sign Up 98 |
99 | 100 | 101 |
103 |
111 |
104 | {/*
110 | FIND BEST FREELANCERS.
105 |Book instant appointment
*/} 106 |
107 | 
108 |
109 |
119 | {(clientError === 'password length') && (
120 |
185 |
186 |
187 |
188 | );
189 | }
190 | }
191 | const mapStateToProps = state => ({
192 | errors: state.errors
193 | });
194 |
195 |
196 | export default connect(mapStateToProps, {registerUser})(withRouter(Register));
197 |
--------------------------------------------------------------------------------
/src/component/css/ForgetCSS.css:
--------------------------------------------------------------------------------
1 | .my-pagea {
2 | margin: auto;
3 | width: 290px;
4 | margin-top:50px;
5 | }
6 | .my-pagea button.btn.btn-primary.btn-block.btn-flat {
7 | width: 100%;
8 | border-radius: 10px;
9 | box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
10 | font-size: 14px;
11 | margin-top: 5px;
12 | padding: 6px;
13 | background: #097de8;
14 | }
15 |
16 | .my-pagea input[type="email"] {
17 | width: 100%;
18 | border-radius: 10px;
19 | box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
20 | font-size: 14px;
21 | margin-top: 28px;
22 | }
23 |
24 | .my-pagea p {
25 | font-size: 13px;
26 | color: #000;
27 | }
28 | .my-page h2 img {
29 | width: 24px;
30 | }
31 | .my-pagea h2 {
32 | font-size: 21px;
33 | font-weight: bold;
34 | text-align: center;
35 | color:#333;
36 | }
37 | .m-logo img {
38 | width: 150%;
39 | height:150%;
40 | }
41 | .m-logo {
42 | width: 100px;
43 | height: 100px;
44 | margin: 20px auto;
45 | }
46 | .my-pagea a {
47 | font-size: 14px;
48 | text-align: center;
49 | display: block;
50 | margin-top: 30px;
51 | }
--------------------------------------------------------------------------------
/src/component/css/Landing.css:
--------------------------------------------------------------------------------
1 | body,
2 | video {
3 | margin: 0;
4 | padding: 0;
5 | border: 0;
6 | vertical-align: baseline;
7 | outline: none !important
8 | }
9 |
10 | img.wp-smiley,
11 | img.emoji {
12 | display: inline !important;
13 | border: none !important;
14 | box-shadow: none !important;
15 | height: 1em !important;
16 | width: 1em !important;
17 | margin: 0 .07em !important;
18 | vertical-align: -0.1em !important;
19 | background: none !important;
20 | padding: 0 !important;
21 | }
22 |
23 | .boxes::before,
24 | .boxes::after {
25 | content: '';
26 | position: relative;
27 | display: block;
28 | width: 9px;
29 | height: 9px;
30 | background: #fff
31 | }
32 |
33 | .boxes::before {
34 | position: absolute;
35 | left: 9px;
36 | top: 18px
37 | }
38 |
39 | .boxes::after {
40 | position: absolute;
41 | left: 18px;
42 | top: 9px
43 | }
44 |
45 | .boxes.boxes-color {
46 | background: #0984E6
47 | }
48 |
49 | .boxes.boxes-color::before {
50 | background: #994AFF
51 | }
52 |
53 | .boxes.boxes-color::after {
54 | background: #FF2CA0
55 | }
56 |
57 | :not(.button-text):not(.button-blue):not(.button-indigo):not(.button-pink):hover[class*='button']:not(.swiper-button-prev):not(.swiper-button-next),
58 | button:not(.button-text):not(.button-blue):not(.button-indigo):not(.button-pink):hover:not(.search-btn):not(.modaal-close),
59 | input:not(.button-text):not(.button-blue):not(.button-indigo):not(.button-pink):hover[type=submit] {
60 | -webkit-transition: all .5s ease;
61 | -moz-transition: all .5s ease;
62 | -o-transition: all .5s ease;
63 | transition: all .5s ease;
64 | color: #fff;
65 | background-position: -180px center
66 | }
67 |
68 | .banner {
69 | position: relative;
70 | padding-top: 50px;
71 | background: #994AFF;
72 | background-position: center;
73 | background-size: cover;
74 | overflow: hidden
75 | }
76 |
77 |
78 |
79 | .banner::before {
80 | background-image: -owg-linear-gradient(top, rgba(32, 7, 94, 0.62) 0%, rgba(14, 3, 48, 0) 100%);
81 | background-image: -webkit-linear-gradient(top, rgba(32, 7, 94, 0.62) 0%, rgba(14, 3, 48, 0) 100%);
82 | background-image: -moz-linear-gradient(top, rgba(32, 7, 94, 0.62) 0%, rgba(14, 3, 48, 0) 100%);
83 | background-image: -o-linear-gradient(top, rgba(32, 7, 94, 0.62) 0%, rgba(14, 3, 48, 0) 100%);
84 | background-image: linear-gradient(top, rgba(32, 7, 94, 0.62) 0%, rgba(14, 3, 48, 0) 100%);
85 | content: '';
86 | display: block;
87 | position: absolute;
88 | top: 0;
89 | left: 0;
90 | width: 100%;
91 | height: 50%
92 | }
93 |
94 | .shadow {
95 | box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.26);
96 | }
97 |
98 | a.button1 {
99 | -webkit-transition: all .3s ease;
100 | transform: translate3d(0, 0, 0);
101 | color: #fff;
102 | cursor: pointer;
103 | display: inline-block;
104 | font-size: 1rem;
105 | font-weight: normal;
106 | line-height: 1.125;
107 | margin: 0 0 1.11111rem;
108 | position: relative;
109 | padding: 15px 36px;
110 | outline: none;
111 | text-align: center;
112 | text-decoration: none;
113 | -webkit-appearance: none;
114 | border: 0;
115 | border-radius: 27px;
116 | box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.26);
117 | background-repeat: no-repeat;
118 | background-size: 100%;
119 | background-position: center;
120 | background-color: #FF2CA0;
121 | background-image: -webkit-linear-gradient(left bottom, #0984E6 0%, #994AFF 50%, #FF2CA0 100%);
122 | }
123 | .button1 {
124 | -webkit-transition: all .3s ease;
125 | transform: translate3d(0, 0, 0);
126 | color: #fff;
127 | cursor: pointer;
128 | display: inline-block;
129 | font-size: 1rem;
130 | font-weight: normal;
131 | line-height: 1.125;
132 | margin: 0 0 1.11111rem;
133 | position: relative;
134 | padding: 15px 36px;
135 | outline: none;
136 | text-align: center;
137 | text-decoration: none;
138 | -webkit-appearance: none;
139 | border: 0;
140 | border-radius: 27px;
141 | box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.26);
142 | background-repeat: no-repeat;
143 | background-size: 100%;
144 | background-position: center;
145 | background-color: #FF2CA0;
146 | background-image: -webkit-linear-gradient(left bottom, #0984E6 0%, #994AFF 50%, #FF2CA0 100%);
147 | }
148 |
149 |
150 | .banner.banner-home .banner-home__video {
151 | position: absolute;
152 | display: block;
153 | top: 0;
154 | left: 0;
155 | width: 100%;
156 | height: 100%;
157 | overflow: hidden;
158 | background-size: cover;
159 | background-position: center;
160 | background-repeat: no-repeat;
161 | }
162 |
163 | .banner.banner-home .banner-home__video video {
164 | width: 100%;
165 | height: 100%;
166 | object-fit: cover;
167 | object-position: center;
168 | }
169 |
170 | .global-header1 {
171 | background: #0E0330;
172 | height: 80px;
173 | }
174 |
175 | .global-header1 {
176 | background: #0E0330;
177 | height: 60px;
178 | display: flex;
179 | justify-content: space-around;
180 | padding: 16px 0px 0px;
181 | }
182 | p {
183 | font-size: 1rem;
184 | font-weight: normal;
185 | line-height: 1.5;
186 | color: #52616A;
187 | }
188 |
189 | .text-center {
190 | text-align: center;
191 | }
192 |
193 | .boxes.boxes-color {
194 | background: #0984E6;
195 | }
196 |
197 | .banner-home .boxes {
198 | margin-left: auto;
199 | margin-right: auto;
200 | left: -13px;
201 | }
202 |
203 | .boxes {
204 | position: relative;
205 | display: block;
206 | width: 9px;
207 | height: 9px;
208 | background: #fff;
209 | margin-bottom: 18px;
210 | }
211 |
212 | .banner.banner-home h5 {
213 |
214 | font-size: 21px;
215 | max-width: 600px;
216 | margin-top: 3rem;
217 | margin-left: auto;
218 | margin-right: auto;
219 | }
220 |
221 | .cta-home {
222 | position: relative;
223 | margin-top: -60px;
224 | margin-bottom: 80px;
225 | }
226 |
227 | .banner h1,
228 | .banner h2,
229 | .banner h5,
230 | .banner h6 {
231 | color: #fff;
232 | }
233 |
234 | .cta-home .columns .row1 {
235 | border: 1px solid #D9E1E8;
236 | background-color: #fff;
237 | padding: 62px;
238 | }
239 |
240 | .align-center {
241 | -webkit-justify-content: center;
242 | -ms-flex-pack: center;
243 | /* justify-content: center; */
244 | }
245 |
246 | .row1 {
247 | max-width: 1280px;
248 | margin-left: auto;
249 | margin-right: auto;
250 | display: -webkit-flex;
251 | display: -ms-flexbox;
252 | display: flex;
253 | -webkit-flex-flow: row wrap;
254 | -ms-flex-flow: row wrap;
255 | flex-flow: row wrap;
256 | }
257 |
258 | .columns {
259 | margin: auto;
260 | }
261 |
262 | .banner .banner-inner {
263 | position: relative;
264 | padding-top: 60px;
265 | padding-bottom: 48px
266 | }
267 |
268 | audio,
269 | canvas,
270 | progress,
271 | video {
272 | display: inline-block;
273 | vertical-align: baseline;
274 | margin: 0;
275 | padding: 0;
276 | border: 0;
277 | vertical-align: baseline;
278 | outline: none !important;
279 | }
280 |
281 | @media screen and (min-width: 741px) {
282 | .row1 .row1 {
283 | margin-left: -.9375rem;
284 | margin-right: -.9375rem;
285 | }
286 | }
287 |
288 | @media only screen and (min-width: 1441px) {
289 | .cta-home {
290 | padding-left: 10rem;
291 | padding-right: 10rem;
292 | }
293 | }
294 |
295 | @media screen and (min-width: 741px) {
296 | .column,
297 | .columns {
298 | padding-left: .9375rem;
299 | padding-right: .9375rem;
300 | }
301 | }
302 |
303 | @media only screen and (min-width: 1199px) {
304 | .global-header {
305 | height: 81px;
306 | }
307 | }
308 |
309 | @media only screen and (min-width: 741px) {
310 | .banner.banner-home .banner-inner {
311 | padding-top: 0px;
312 | padding-bottom: 180px;
313 | }
314 | }
315 | @media only screen and (min-width: 741px) {
316 | .banner {
317 | padding-top: 100px
318 | }
319 | }
320 |
321 | @media only screen and (min-width: 1199px) {
322 | .banner {
323 | padding-top: 130px
324 | }
325 | }
--------------------------------------------------------------------------------
/src/component/css/header.css:
--------------------------------------------------------------------------------
1 |
2 |
3 | body {
4 | font-size: 1.88rem;
5 | }
6 |
7 | .navigation-wrap.bg-light.start-header.start-style{
8 | position: fixed;
9 | }
10 | .header-down {
11 | margin-top: 107px;
12 | text-align: center;
13 | }
14 |
15 | .header-down strong {
16 | font-size: 14px;
17 | color: #656262;
18 | letter-spacing: 1px;
19 | }
20 | .header-down1 strong {
21 | font-size: 14px;
22 | color: #656262;
23 | letter-spacing: 1px;
24 | }
25 | .center-data {
26 | background: #effdf9;
27 | text-align: center;
28 | margin: 40px;
29 | }
30 | .header-down h1 {
31 | color: #49ae92;
32 | }
33 | .header-down1 h1 {
34 | color: #49ae92;
35 | }
36 |
37 | .header-down p {
38 | letter-spacing: 2px;
39 | font-weight: 100;
40 | color: grey;
41 | font-size: 20px;
42 | }
43 | h3.solution-h3 {
44 | font-weight: 700;
45 | font-size: 14px;
46 | padding: 7px;
47 | color: #4a4848;
48 | }
49 | p.solution-p {
50 | padding: 0;
51 | color: grey;
52 | font-weight: 800;
53 | font-size: 11px;
54 | }
55 | .header-down1 {
56 | margin-bottom: 34px;
57 | margin-top: 32px;
58 | text-align: center;
59 | }
60 | .header-down1 p {
61 | letter-spacing: 2px;
62 | font-weight: 100;
63 | color: grey;
64 | font-size: 20px;
65 | }
66 | .solution-manages {
67 | text-align: center;
68 | }
69 | .solution-p1 {
70 | padding: 20px;
71 |
72 | color: grey;
73 | font-weight: 800;
74 | font-size: 11px;
75 | }
76 | input.input-contactform {
77 | border: none;
78 | background: #dbf5f0;
79 | padding: 10px;
80 | width: 100%;
81 | outline: none;
82 | }
83 | textarea.text-contactform {
84 | height: 60px;
85 | width: 100%;
86 | margin: 10px 0px;
87 | border: none;
88 | background: #dbf5f0;
89 | }
90 | button.contact-send {
91 | color: white;
92 | width: 100%;
93 | background: #0081d2;
94 | border: none;
95 | padding: 8px;
96 | }
97 | p.solution-p2 {
98 | padding: 20px;
99 | color: grey;
100 | font-weight: 800;
101 | font-size: 11px;
102 | }
103 | h5.set-h5 {
104 | margin: 0;
105 | font-size: 16px;
106 | font-weight: 600;
107 | color: #408cee;
108 | }
109 | p.p-data {
110 | text-align: left;
111 | margin: 0;
112 | font-size: 13px;
113 | color: grey;
114 | padding: 0px;
115 | }
116 | .secound-row {
117 | margin: 27px 0px;
118 | }
119 | h2.top-h2 {
120 | text-align: center;
121 | font-size: 48px;
122 | color: #0a0a0a;
123 | font-weight: 100;
124 | font-family: monospace;
125 | margin: 30px;
126 | }
127 | h1.top-h1 {
128 | margin-top: 39px;
129 | color: #3c3939;
130 | }
131 | h4.top-h4 {
132 | text-align: center;
133 | padding: 0% 32%;
134 | font-size: 18px;
135 | color: grey;
136 | line-height: 31px;
137 | }
138 | h3.top-h3 {
139 | color: #44516b;
140 | text-align: center;
141 |
142 | font-family: monospace;
143 | margin: 20px;
144 | line-height: 48px;
145 | }
146 | .worls-img {
147 | margin: 70px;
148 | }
149 | p.p-prcent {
150 |
151 | font-size: 30px;
152 | }
153 | p.p-details {
154 | margin-top: 40px;
155 | font-size: 16px;
156 | font-weight: 900;
157 | color: grey;
158 | font-variant: all-petite-caps;
159 | }
160 | p.p-plus {
161 | font-size: 60px;
162 | }
163 | p.p-details1 {
164 | padding: 0;
165 | font-size: 14px;
166 | font-weight: 900;
167 | }
168 | .card {
169 | background: #fff;
170 | border-radius: 2px;
171 | display: inline-block;
172 | height: 236px;
173 | margin: 1rem;
174 | position: relative;
175 | width: 223px;
176 | }
177 |
178 | .card-1 {
179 | box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
180 | }
181 |
182 | .card-1:hover {
183 | box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
184 | }
185 | .card.card-1 {
186 | padding: 15px;
187 | }
188 | h2.h2-project1 {
189 | font-size: 16px;
190 | font-weight: 600;
191 | color: grey;
192 | margin: 10px;
193 | }
194 | p.p-project1-details1 {
195 | padding: 0;
196 | font-size: 11px;
197 | color: grey;
198 | font-weight: 700;
199 | }
200 | h5.tallent-heading {
201 | text-align: left;
202 | font-size: 14px;
203 | color: #0d9655;
204 | font-weight: 700;
205 | }
206 | p.d-t-point {
207 | font-weight: 900;
208 | padding: 0px;
209 | text-align: left;
210 | font-size: 10px;
211 | color: grey;
212 | }
213 | .point-1 p {
214 | margin-top: 30px;
215 | color: #7294ce;
216 | font-weight: 900;
217 | }
218 | .row-set {
219 | margin: 36px;
220 | }
221 | h5.set-t-h3 {
222 | color: #3b67a6;
223 | font-size: 12px;
224 | font-weight: 900;
225 | }
226 | p.set-t-p1 {
227 | padding: 0;
228 | text-align: left;
229 | margin: 0;
230 | color: #3b67a6;
231 | font-size: 12px;
232 | }
233 | h5.set-t-h3 {
234 | margin: 0;
235 | color: #3b67a6;
236 | font-size: 12px;
237 | font-weight: 900;
238 | }
239 | .main-tallent-right {
240 | margin: 100px 20px;
241 | }
242 | h3.h3-color {
243 | font-size: 40px;
244 | font-weight: 100;
245 | color: #3b67a6;
246 | text-align: center;
247 | margin: 10px;
248 | }
249 | h1.topp-h1 {
250 | font-weight: 100;
251 | margin-top: 81px;
252 | color: #a7a3a3;
253 | font-family: inherit;
254 | }
255 | h4.topp-h4 {
256 | font-weight: 900;
257 | margin: 24px;
258 | padding: 0% 18%;
259 | font-size: 18px;
260 | color: #808da0;
261 | line-height: 31px;
262 | }
263 | .im-pl {
264 | text-align: center;
265 | }
266 | .img-3 {
267 | text-align: center;
268 | }
269 | .card2 {
270 | height: 264px;
271 | border: 1px solid #d0cdcd;
272 | }
273 | p.p-p-3 {
274 | margin: 0px 8px;
275 | padding: 0;
276 |
277 | text-align: left;
278 | color: grey;
279 | font-size: 12px;
280 | }
281 | p.p-p-2 {
282 | text-align: left;
283 | font-size: 14px;
284 | color: grey;
285 | padding: 0;
286 | margin: 0px 8px;
287 | }
288 | .img-3 {
289 | padding: 56px;
290 | text-align: center;
291 | top: 0;
292 | bottom: 0;
293 | left: 0;
294 | right: 0;
295 | margin: auto;
296 | }
297 | .line-blue {
298 | height: 2px;
299 | width: 30px;
300 | color: blue;
301 | background: blue;
302 | margin: 10px;
303 | }
304 | p.re-p {
305 | font-variant: all-petite-caps;
306 | text-align: left;
307 | margin-top: 50px;
308 | font-size: 13px;
309 | font-weight: 800;
310 | color: #2001fe;
311 | }
312 | h5.real-h5 {
313 | font-size: 18px;
314 | margin-top: 20px;
315 | }
316 | p.real-m-discrive {
317 | text-align: left;
318 | margin: 0;
319 | padding: 0;
320 | font-size: 11px;
321 | font-weight: 800;
322 | color: grey;
323 | }
324 | h3.real-percent {
325 | text-align: left;
326 | margin-top: 20px;
327 | font-size: 24px;
328 | font-weight: 100;
329 | color: #484545;
330 | }
331 | p.real-p-dis {
332 | color: grey;
333 | padding: 0;
334 | text-align: left;
335 | font-size: 12px;
336 | }
337 | .im-graf{
338 | padding: 25px 0px;
339 | }
340 | table.dbkit-table tr {
341 | display: -webkit-box;
342 | display: -ms-flexbox;
343 | display: flex;
344 | -ms-flex-wrap: nowrap;
345 | flex-wrap: nowrap;
346 | -webkit-box-align: center;
347 | -ms-flex-align: center;
348 | align-items: center;
349 | -webkit-box-pack: justify;
350 | -ms-flex-pack: justify;
351 | justify-content: space-between;
352 | height: 71px;
353 | border: 1px solid transparent;
354 | padding: 0 24px;
355 |
356 | background: #f5f8f9;
357 | }
358 | table.dbkit-table tr td {
359 | font-size: 12px;
360 | font-weight: 400;
361 | letter-spacing: 0;
362 | color: #616161;
363 | min-width: 141px;
364 | }
365 |
366 | td.mv-icon {
367 |
368 | font-weight: 800 !important;
369 | font-size: 17px !important;
370 | color: black;
371 | }
372 | table.dbkit-table tr {
373 | display: flex;
374 | flex-wrap: nowrap;
375 | -webkit-box-align: center;
376 | align-items: center;
377 | -webkit-box-pack: justify;
378 | justify-content: space-between;
379 | height: 71px;
380 | border: 1px solid white;
381 | padding: 0 30px;
382 | background: #f5f8f9;
383 | }
384 | table {
385 | border: 1px solid #c1eae0;
386 | width: 100%;
387 | border-collapse: collapse;
388 | }
389 | tr.heading-td {
390 | border: 1px solid #c1eae0 !important;
391 | }
--------------------------------------------------------------------------------
/src/component/css/profile.css:
--------------------------------------------------------------------------------
1 | .pr-img {
2 | display: flex;
3 | }
4 |
5 | .pr-name {
6 | margin-left: 24px;
7 | }
8 | .exe {
9 | display: flex;
10 | }
11 | h6.per-info {
12 | margin: 30px 0px;
13 | font-size: 15px;
14 | color: #0091ff;
15 | font-weight: 600;
16 | }
17 | h6.pro-info {
18 | margin: 30px 0px;
19 | font-size: 15px;
20 | font-weight: 600;
21 | }
22 | .btn-default {
23 | margin: 20px 0px;
24 | border: none;
25 | color: #e61616;
26 | padding: 0;
27 | text-align: left;
28 | }
29 | .pr-img {
30 | margin: 0px 16px;
31 | display: flex;
32 | }
33 | .ddd {
34 | margin: 0px 16px;
35 | display: flex;
36 | justify-content: space-between;
37 | }
38 |
39 | .fdf {
40 | width: 20px;
41 | height: 3px;
42 | background: red;
43 |
44 | }
45 | input.dscr {
46 | width: 100%;
47 | padding: 5px;
48 | border: 1px solid #e6e4e4;
49 | }
50 |
51 | select.sel {
52 | background: white;
53 | width: 100%;
54 | padding: 6px;
55 | border: 1px solid #e6e4e4;
56 | }
57 | h6.h6-1 {
58 | font-size: 15px;
59 | color: #424040;
60 | }
61 | h5.h5-li {
62 | font-size: 18px;
63 | margin: 21px 0px;
64 | font-weight: 700;
65 | }
66 | .notify {
67 | display: flex;
68 | margin: 4px 0px;
69 | }
70 | span.spn {
71 | margin-left: 11px;
72 | }
73 | button.btn-save {
74 | border: none;
75 | padding: 5px 10px;
76 | background: #2591ff;
77 | color: white;
78 | }
79 | .bt-fl.col-md-12 {
80 | text-align: right;
81 | }
82 | .fd-fl {
83 | display: flex;
84 | justify-content: space-between;
85 | }
86 | button.bt-edit {
87 | padding: 9px 20px 12px;
88 | height: 34px;
89 | margin-top: 17px;
90 | color: white;
91 | border: none;
92 | background:#3479bb;
93 | }
94 | h3.edit-heading {
95 | font-variant: all-petite-caps;
96 | letter-spacing: 1px;
97 | font-family: auto;
98 | font-size: 19px;
99 | }
100 | .placehh input::placeholder {
101 | color: #939696 !important;
102 | }
103 |
104 | a {
105 | display: inline-block;
106 | font-variant: all-petite-caps;
107 | letter-spacing: 1px;
108 | font-family: auto;
109 | }
110 |
111 | h6.h6-1 {
112 | font-size: 18px;
113 | color: #424040;
114 | font-variant: all-petite-caps;
115 | letter-spacing: 1px;
116 | font-family: auto;
117 | }
118 |
119 | input.dscr {
120 | font-variant: all-petite-caps;
121 | letter-spacing: 1px;
122 | font-family: auto;
123 | width: 100%;
124 | padding: 5px;
125 | border: 1px solid #d8d1d1 ;
126 | }
127 | body {
128 | font-size: 1.55rem;
129 | }
130 |
131 | svg {
132 | width: 50px !important;
133 | overflow: hidde;
134 | vertical-align: middle;
135 | }
136 |
137 |
138 | img.react-phone-number-input__icon-image {
139 | width: 50px;
140 | }
--------------------------------------------------------------------------------
/src/component/css/register.css:
--------------------------------------------------------------------------------
1 | @import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
2 | @import url('http://fonts.googleapis.com/css?family=Vidaloka');
3 | body {
4 | margin: 0px;
5 | padding: 0;
6 | }
7 | .front-bg {
8 | background-image: linear-gradient(45deg,#3d017a , #9a478b);
9 |
10 | background-repeat: no-repeat;
11 | background-attachment: fixed;
12 | background-size: cover;
13 | background-position: top right;
14 | display: flow-root;
15 | position: absolute;
16 | top: 0;
17 | left: 0;
18 | right: 0;
19 | bottom: 0;
20 | overflow: auto;
21 | }
22 | .bounce-animate {
23 | animation-name: float-bob;
24 | animation-duration: 2s;
25 | animation-iteration-count: infinite;
26 | animation-timing-function: linear;
27 | -moz-animation-name: float-bob;
28 | -moz-animation-duration: 2s;
29 | -moz-animation-iteration-count: infinite;
30 | -moz-animation-timing-function: linear;
31 | -ms-animation-name: float-bob;
32 | -ms-animation-duration: 2s;
33 | -ms-animation-iteration-count: infinite;
34 | -ms-animation-timing-function: linear;
35 | -o-animation-name: float-bob;
36 | -o-animation-duration: 2s;
37 | -o-animation-iteration-count: infinite;
38 | -o-animation-timing-function: linear;
39 | }
40 | img {
41 | transition: all 0.3s ease-out 0s !important;
42 |
43 | }
44 |
45 | .img1{
46 |
47 | margin-top: 32px;
48 | width: 80% !important;
49 |
50 | /* transition: all 0.3s ease-out 0s; */
51 | /* -webkit-transition: all 1s ease-in-out;
52 | -moz-transition: all 1s ease-in-out;
53 | -o-transition: all 1s ease-in-out;
54 | transition: all 1s ease-in-out; */
55 | }
56 | .left-side {
57 | width: 50%;
58 | float: left;
59 | /* background-image: linear-gradient(45deg, rgba(48, 110, 209, 0.9) , rgba(54, 192, 141, 0.9)); */
60 | /* background-image: linear-gradient(45deg,#3d017a , #9a478b); */
61 | text-align: center;
62 | height: 100%;
63 | background-image: linear-gradient(45deg,#E91E63 , #2085d6);
64 | }
65 | .fr-logo {
66 | width: 100%;
67 | margin: 20px auto;
68 | margin-top: 50px;
69 | }
70 | .fr-logo img {
71 | width: 80px;
72 | margin: 4px 0px;
73 | }
74 | .fr-logo h2 {
75 | margin: 0px;
76 | font-family: Lato;
77 | font-weight: 400;
78 | text-align: center;
79 | width: 100%;
80 | display: block;
81 | color: #fff;
82 | font-size: 18px;
83 | }
84 |
85 | .form-group {
86 | margin: 30px 0px;
87 | }
88 | .left-side form {
89 | display: flow-root;
90 | max-width: 300px;
91 | margin: auto;
92 | padding: 0px 15px;
93 | }
94 | .form-group img {
95 | width: 16px;
96 | position: absolute;
97 | margin-top: 10px;
98 | margin-left: 4px;
99 | }
100 | .form-group input {
101 | width: 100%;
102 | background: transparent;
103 | border: 0px;
104 | border-bottom: 1px solid #fff;
105 | padding: 10px 0px;
106 | font-size: 12px;
107 | color: #fff;
108 | text-indent: 34px;
109 | font-family: Lato;
110 | }
111 | button.login-btn {
112 | background-color: #3ab7bd;
113 | width: 100%;
114 | padding: 14px;
115 | border-radius: 29px;
116 | font-size: 14px;
117 | color: #fff;
118 | border: 0px;
119 | margin: 10px 0px;
120 | box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);
121 | font-family: Lato;
122 | }
123 | a.forget-pwd {
124 | line-height: 50px;
125 | text-align: center;
126 | display: block;
127 | text-decoration: none;
128 | color: #fff;
129 | font-family: Lato;
130 | font-weight: 300;
131 | font-size: 12px;
132 | }
133 | button.facebook-btn {
134 | background-color: #0d52ef;
135 | width: 100%;
136 | padding: 14px;
137 | border-radius: 29px;
138 | font-size: 14px;
139 | color: #fff;
140 | border: 0px;
141 | margin: 10px 0px;
142 | box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);
143 | font-family: Lato;
144 | }
145 | .left-side p {
146 | line-height: 50px;
147 | text-align: center;
148 | display: block;
149 | text-decoration: none;
150 | color: #fff;
151 | font-family: Lato;
152 | font-weight: 300;
153 | font-size: 12px;
154 | }
155 | .left-side p a{
156 | font-weight:600;
157 | color:#fff;
158 | text-decoration: none;
159 | }
160 | ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
161 | color: #fff;
162 | }
163 | ::-moz-placeholder { /* Firefox 19+ */
164 | color: #fff;
165 | }
166 | :-ms-input-placeholder { /* IE 10+ */
167 | color: #fff;
168 | }
169 | :-moz-placeholder { /* Firefox 18- */
170 | color: #fff;
171 | }
172 | .right-side {
173 | width: 50%;
174 | float: left;
175 | /* background: rgba(0,0,0,0.6); */
176 | text-align: center;
177 | height: 100%;
178 | background: rgb(86, 101, 179);
179 | }
180 | .hd-wrap {
181 | color: #fff;
182 | font-family: Lato;
183 | margin-top: 3%;
184 |
185 |
186 |
187 | }
188 | .hd-wrap h1 {
189 | margin: 0px;
190 | font-size: 22px;
191 | font-weight: 500;
192 | }
193 | .hd-wrap p {
194 | font-size: 20px;
195 | font-weight: 300;
196 | margin: 0px;
197 | }
198 |
199 |
200 | /*sign up*/
201 | .sright-side {
202 | width: 58%;
203 | float: left;
204 | background: #2d3e55;
205 | text-align: center;
206 | height: 100%;
207 | }
208 | .sright-side form {
209 | display: flow-root;
210 | max-width: 300px;
211 | margin: auto;
212 | padding: 0px 15px;
213 | clear:both;
214 | }
215 | .sleft-side {
216 | width: 42%;
217 | float: left;
218 | background: #2ee5cb;
219 | text-align: center;
220 | height: 100%;
221 | }
222 | .shd-wrap {
223 | color: #fff;
224 | font-family: Lato;
225 | margin-top: 100px;
226 | }
227 | .shd-wrap h1 {
228 | margin: 0px;
229 | font-size: 18px;
230 | font-weight: 400;
231 | font-family: Lato;
232 | padding: 0px 20px;
233 | }
234 | button.signup-btn {
235 | background-color: #2ee5cb;
236 | width: auto;
237 | padding: 14px;
238 | border-radius: 29px;
239 | font-size: 14px;
240 | color: #fff;
241 | border: 0px;
242 | margin: 10px 0px;
243 | box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);
244 | font-family: Lato;
245 | padding: 10px 45px;
246 | }
247 |
248 |
249 | .sgroup{
250 | position:relative;
251 | margin-bottom:45px;
252 | }
253 | .sinput{
254 | font-size: 14px;
255 | padding: 10px 0px 10px 0px;
256 | display: block;
257 | width: 300px;
258 | border: none;
259 | color: rgba(255, 255, 255, 0.8117647058823529);
260 | border-bottom: 1px solid #ffffff;
261 | background: transparent;
262 | font-family: Lato;
263 | }
264 | .sinput:focus{ outline:none; }
265 |
266 | /* LABEL ======================================= */
267 | .slabel {
268 | color:#fff;
269 | font-size:12px;
270 | font-weight:normal;
271 | position:absolute;
272 | pointer-events:none;
273 | left:5px;
274 | top:10px;
275 | transition:0.2s ease all;
276 | -moz-transition:0.2s ease all;
277 | -webkit-transition:0.2s ease all;
278 | font-family: Lato;
279 | }
280 |
281 | /* active state */
282 | .sinput:focus ~ .slabel, .sinput:valid ~ .slabel{
283 | top: -20px;
284 | font-size: 12px;
285 | color: #ffffff;
286 | font-family: Lato;
287 | }
288 |
289 | /* BOTTOM BARS ================================= */
290 | .bar { position:relative; display:block; width:300px; }
291 | .bar:before, .bar:after {
292 | content: '';
293 | height: 2px;
294 | width: 0;
295 | bottom: 1px;
296 | position: absolute;
297 | background: #ffffff;
298 | transition: 0.2s ease all;
299 | -moz-transition: 0.2s ease all;
300 | -webkit-transition: 0.2s ease all;
301 | }
302 | .bar:before {
303 | left:50%;
304 | }
305 | .bar:after {
306 | right:50%;
307 | }
308 |
309 | /* active state */
310 | .sinput:focus ~ .bar:before, .sinput:focus ~ .bar:after {
311 | width:50%;
312 | }
313 |
314 | /* HIGHLIGHTER ================================== */
315 | .highlight {
316 | position:absolute;
317 | height:60%;
318 | width:100px;
319 | top:25%;
320 | left:0;
321 | pointer-events:none;
322 | opacity:0.5;
323 | }
324 |
325 | /* active state */
326 | .sinput:focus ~ .highlight {
327 | -webkit-animation:inputHighlighter 0.3s ease;
328 | -moz-animation:inputHighlighter 0.3s ease;
329 | animation:inputHighlighter 0.3s ease;
330 | }
331 |
332 | /* ANIMATIONS ================ */
333 | @-webkit-keyframes inputHighlighter {
334 | from { background:#5264AE; }
335 | to { width:0; background:transparent; }
336 | }
337 | @-moz-keyframes inputHighlighter {
338 | from { background:#5264AE; }
339 | to { width:0; background:transparent; }
340 | }
341 | @keyframes inputHighlighter {
342 | from { background:#5264AE; }
343 | to { width:0; background:transparent; }
344 | }
345 | .stab {
346 | float: right;
347 | margin: 20px;
348 | }
349 | .stab ul {
350 | margin: 0px;
351 | padding: 0px;
352 | }
353 | .stab li {
354 | list-style: none;
355 | padding: 10px 20px;
356 | float: left;
357 | text-align: center;
358 | background: rgba(255, 255, 255, 0.5);
359 | }
360 | .stab li a {
361 | text-decoration: none;
362 | font-family: Lato;
363 | font-size: 12px;
364 | display: block;
365 | color: #fff;
366 | }
367 | .stab li.active {
368 | background: #2ee5cb;
369 | }
370 | .stab li:first-child{
371 | border-top-left-radius: 18px;
372 | border-bottom-left-radius: 18px;
373 | }
374 | .stab li:last-child{
375 | border-top-right-radius: 18px;
376 | border-bottom-right-radius: 18px;
377 | }
378 | h1.shding {
379 | color: #fff;
380 | font-size: 14px;
381 | font-family: Lato;
382 | margin: 20px 0px;
383 | line-height: 20px;
384 | text-align: left;
385 | margin-bottom: 50px;
386 | }
387 | .shding a {
388 | color: #fff;
389 | text-decoration: none;
390 | font-size: 24px;
391 | font-weight: 300;
392 | }
393 | .shding a.active {
394 | font-weight: 500;
395 | border-bottom: 2px solid #2ee5cb;
396 | }
397 | label.checbox {
398 | font-size: 14px;
399 | text-align: left;
400 | display: block;
401 | color: #fff;
402 | line-height: 32px;
403 | margin-bottom: 20px;
404 | font-family: Lato;
405 | }
406 | .already-hding{
407 | color: #fff;
408 | font-family: Lato;
409 | text-decoration: none;
410 | font-size: 14px;
411 | margin-left: 15px;
412 | }
413 | .fbg{
414 | width: 100%;
415 | }
416 | .fbg img{
417 | max-width: 100%;
418 | margin: auto;
419 | }
420 |
421 | .forget-pwd {
422 | color: white;
423 | }
424 |
425 | img.vert-move {
426 | -webkit-animation: mover 1s infinite alternate;
427 | animation: mover 1s infinite alternate;
428 | }
429 | img.vert-move {
430 | -webkit-animation: mover 1s infinite alternate;
431 | animation: mover 1s infinite alternate;
432 | }
433 | @-webkit-keyframes mover {
434 | 0% { transform: translateY(0); }
435 | 100% { transform: translateY(-20px); }
436 | }
437 | @keyframes mover {
438 | 0% { transform: translateY(0); }
439 | 100% { transform: translateY(-20px); }
440 | }
441 |
442 | /* Form Validation Error */
443 |
444 | .NextError {
445 | width: fit-content;
446 | background: red;
447 | color: #fff;
448 | padding: 10px;
449 | border-radius: 10px;
450 | margin-bottom: 20px;
451 | font-size: 12px;
452 | margin: auto;
453 | }
454 | .NextError span{
455 | width: 20px;
456 | background: #fe0501;
457 | height: 20px;
458 | display: block;
459 | margin-top: -12px;
460 | position: absolute;
461 | margin: auto;
462 | margin-left: 126px;
463 | transform: rotate(45deg);
464 | }
465 | .invalid-feedback {
466 | background-color: red;
467 | font-size: small;
468 | }
469 |
470 |
471 | /* Profile Dashboard */
472 |
473 |
--------------------------------------------------------------------------------
/src/component/css/test.js:
--------------------------------------------------------------------------------
1 |
2 | import React, { Component } from 'react';
3 | import axios from 'axios';
4 | const BASE_URL = 'http://localhost:5000/';
5 |
6 | class App extends Component {
7 | constructor(props) {
8 | super(props);
9 | this.state = {
10 | images: [],
11 | imageUrls: [],
12 | message: ''
13 | }
14 | }
15 | selectImages = (event) => {
16 | let images = []
17 | for (var i = 0; i < event.target.files.length; i++) {
18 | images[i] = event.target.files.item(i);
19 | }
20 | images = images.filter(image => image.name.match(/\.(jpg|jpeg|png|gif)$/))
21 | let message = `${images.length} valid image(s) selected`
22 | this.setState({ images, message })
23 | }
24 |
25 | uploadImages = () => {
26 | const uploaders = this.state.images.map(image => {
27 | const data = new FormData();
28 | data.append("image", image, image.name);
29 |
30 | // Make an AJAX upload request using Axios
31 | return axios.post(BASE_URL + 'upload', data)
32 | .then(response => {
33 | this.setState({
34 | imageUrls: [ response.data.imageUrl, ...this.state.imageUrls ]
35 | });
36 | })
37 | });
38 |
39 | // Once all the files are uploaded
40 | axios.all(uploaders).then(() => {
41 | console.log('done');
42 | }).catch(err => alert(err.message));
43 | }
44 |
45 | render() {
46 | return (
47 | Password must be at least 8 Characters long with one capital letter , one small and one digit atleast
121 | )}
122 |
123 | {(clientError === 'confirmPasword') && (
124 | Entered passwords don’t match. Please enter again
125 | )}
126 |
127 |
128 |
129 |
173 |
130 |
131 |
133 |
134 |
168 |
169 | FREELANCER
132 |170 | Have Already Account. Log In 171 |
172 |
174 |
184 |
175 | {
176 |
183 |
177 | 
179 |
180 | }
181 |
182 | {this.state.msg}
178 |
48 |
49 |
63 |
74 | );
75 | }
76 | }
77 | export default App;
--------------------------------------------------------------------------------
/src/component/dashboard2/CheckNew.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 |
4 | import { ValidatorForm , TextValidator } from 'react-material-ui-form-validator';
5 |
6 | class Test extends Component{
7 |
8 | constructor(props){
9 | super(props);
10 |
11 | this.state={
12 | email:'',
13 | first_name:'',
14 | phone:''
15 | }
16 | }
17 |
18 | handleChange(e){
19 | this.setState({
20 | ...this.state,
21 | [e.target.name]:e.target.value
22 | });
23 | }
24 |
25 | HandleSubmit(e){
26 | e.preventDefault();
27 |
28 | const data ={
29 | email:this.state.email,
30 | first_name:this.state.first_name
31 | }
32 |
33 | console.log(data)
34 | }
35 | render(){
36 | return(
37 | 49 |
50 |
51 |
57 |
62 | Image Uploader
51 |
52 |
54 |
55 | {this.state.message}
56 |57 |
58 |
60 |
61 | 63 |
64 | {
65 | this.state.imageUrls.map((url, i) => (
66 |
73 |
67 | 
69 |
70 | ))
71 | }
72 | 69 |
38 | console.log(errors)}>
39 |
40 |
59 |
60 | )
61 | }
62 | }
63 |
64 |
65 | export default Test;
--------------------------------------------------------------------------------
/src/component/dashboard2/new.css:
--------------------------------------------------------------------------------
1 | .nav-header {
2 | justify-content: space-between;
3 | display: flex;
4 |
5 | color: white;
6 | height: 50px;
7 | padding: 10px 7px 1px;
8 | }
9 | a.nav-link.active {
10 | outline: none;
11 | margin: 0px;
12 | font-weight: 800;
13 | border: none;
14 | width: 100%;
15 | background: #13579a;
16 | border-radius: 0;
17 | color: #20e2fe;
18 | }
19 |
20 |
21 | .heder-middle {
22 | width: 65%;
23 | }
24 | ul.menuu {
25 | height: 18px;
26 | justify-content: space-around;
27 | display: flex;
28 | width: 100%;
29 | margin-top: 12px;
30 | }
31 | ul.nav.nav-pills {
32 | display: flex;
33 | justify-content: space-between;
34 | }
35 | .nav>li {
36 | width: 100%;
37 | position: relative;
38 | display: block;
39 | text-align: center;
40 | }
41 | .profile-userpic img {
42 | float: none;
43 | margin: 0px 20px;
44 | width: 35px;
45 | height: 35px;
46 | -webkit-border-radius: 50% !important;
47 | -moz-border-radius: 50% !important;
48 | border-radius: 50% !important;
49 | }.h3-1 {
50 | font-size: 30px;
51 | text-align: center;
52 | padding: 13px;
53 | font-weight: 800;
54 | font-variant: all-petite-caps;
55 | }
56 | /* tabs*/
57 |
58 |
59 | .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
60 | border-bottom: 1px solid red;
61 | color: #3b7dca !important;
62 | background-color: #fafafb !important;
63 | border-radius: 0;
64 | }
65 |
66 | /*profile containte*/
67 | .profile-userpic-2 img {
68 | float: none;
69 | margin: 0 auto;
70 | width: 100px;
71 | height: 100px;
72 | -webkit-border-radius: 50% !important;
73 | -moz-border-radius: 50% !important;
74 | border-radius: 50% !important;
75 | }
76 | ul.nav.nav-pills {
77 | background: #1d71c5;
78 | padding: 0px;
79 |
80 | }
81 |
82 | .main {
83 | padding: 26px;
84 | color: black;
85 | text-align: center;
86 | margin: 4px;
87 | background: white;
88 | }
89 | h4.mr {
90 | font-weight: 700;
91 | margin-bottom: 37px;
92 | }
93 | h4.mr-1 {
94 | margin-top: 30px;
95 | color: #00e2fe;
96 | font-weight: 700;
97 |
98 | }
99 | .d-fl {
100 | margin: 36px;
101 | display: flex;
102 | justify-content: space-between;
103 | }
104 | p.p-large {
105 | font-size: 20px;
106 | font-weight: 900;
107 | }
108 |
109 | button.upload-avatar {
110 | padding: 7px 0px;
111 | border: none;
112 | background:#1861a8;
113 | color: white;
114 | width: 175px;
115 | letter-spacing: 0px;
116 | font-variant: all-petite-caps;
117 | font-size: large;
118 | border-radius: 8px;
119 | }
120 | button.delete-btn {
121 | margin: 30px;
122 | border: none;
123 | background: transparent;
124 | }
125 | h2.biography {
126 | font-size: 26px;
127 | font-weight: 800;
128 | margin: 20px;
129 | }
130 | .di-fl {
131 | display: flex;
132 | justify-content: space-between;
133 | vertical-align: middle !important;
134 | }
135 |
136 | .bt-fl {
137 | margin-right: 84px;
138 | margin-top: 10px;
139 | }
140 | button.btn-cancel {
141 | background: #0b407a;
142 | color: #ffffff;
143 | padding: 3px 5px;
144 | border: 1px solid #00e2fe;
145 | }
146 |
147 | h6.h6-1 {
148 | margin: 7px 0px;
149 | font-size: 14px;
150 | font-weight: 500;
151 | }
152 |
153 | p.dscr {
154 | padding: 8px;
155 | border: 1px solid #e6e6e6;
156 | }
157 | .title {
158 | margin: 5px;
159 | width: 100%;
160 | }
161 | .di-2 {
162 | display: flex;
163 | }
164 | .head-main {
165 | background: linear-gradient(45deg,#053d75 , #257fd2);
166 | color: white;
167 | }
168 | li.nav-item {
169 | width: 100% !important;
170 | margin: 0;
171 | color: black;
172 | background: #13579a;
173 | }
174 | a {
175 | color: #ffffff;
176 | text-decoration: none;
177 | }
178 | a.nav-link.active:hover {
179 | background: white;
180 | border-radius: 0;
181 | color: #020202;
182 |
183 | }
184 | h5.h5-li {
185 | border-bottom: 2px solid #e2e1e1;
186 | margin: 13px 0px;
187 | font-size: 19px;
188 | font-weight: 700;
189 | width: fit-content;
190 | }
191 | input.dscr {
192 | width: 100%;
193 | padding: 4px;
194 | border: 1px solid #e2e1e1;
195 | }
196 | button.btn-save {
197 | background: #00e2fe;
198 | color: #151414;
199 | padding: 4px 14px;
200 | border: 2px solid #13589b;
201 | }
202 | ul {
203 | list-style: none;
204 | }
205 | ul.last-head {
206 | display: flex;
207 | }
208 |
209 |
210 | select {
211 | background: white;
212 | width: 100%;
213 | padding: 4px;
214 | border:1px solid #e2e1e1;
215 | }
216 | .main-1 {
217 | height: 100%;
218 | margin: 4px;
219 | color: black;
220 | border: 1px solid #e2e1e1;
221 | background: #ffffff;
222 | padding: 19px;
223 | }
224 | .bt-fl {
225 | background: #13589b;
226 | margin: 38px;
227 | float: right;
228 | }
229 | .bt-fl-1 {
230 | text-align: right;
231 | margin-right: 50px;
232 | }
233 | select.dscr {
234 | background: white;
235 | height: 37px;
236 | width: 100%;
237 | border: 1px solid #dedede;
238 | }
239 | .exe {
240 | display: flex;
241 | }
242 | .main-form {
243 | BACKGROUND: WHITE;
244 | color: black;
245 | padding: 29px;
246 | }
247 | input.dscr {
248 | margin: 0px 2px;
249 | }
250 | ::placeholder {
251 | color:grey;
252 |
253 | }
254 | label {
255 | color: white;
256 | background: #1b69b4;
257 | display: inline-block;
258 | max-width: 100%;
259 | margin-bottom: 5px;
260 | font-weight: 700;
261 | padding: 5px;
262 | }
263 |
264 |
265 | /* Resume Upload */
266 |
267 | .file-upload__input {
268 | position: absolute;
269 | left: 0;
270 | top: 0;
271 | right: 0;
272 | bottom: 0;
273 | font-size: 1;
274 | width:0;
275 | height: 100%;
276 | opacity: 0;
277 | }
278 |
279 | .btn {
280 | color: white;
281 | border: none;
282 | background: #064b8e;
283 | }
284 | a.fsda {
285 | color: white;
286 | }
287 | .btn-primary1 {
288 | color: #fff;
289 | background-color: #2deaead4;
290 | border-color: #6eeded;
291 | }
292 | @media (max-width: 767px){
293 | ul.nav.nav-pills {
294 | padding: 0px 46px;
295 | }
296 | .bt-fl {
297 | margin-right: 5px;
298 | margin-top: 0px;
299 | }
300 | }
--------------------------------------------------------------------------------
/src/component/dashboard2/newcss.css:
--------------------------------------------------------------------------------
1 | .NewmaterialUi{
2 |
3 | }
--------------------------------------------------------------------------------
/src/component/images/Landing/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/1.png
--------------------------------------------------------------------------------
/src/component/images/Landing/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/2.png
--------------------------------------------------------------------------------
/src/component/images/Landing/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/3.png
--------------------------------------------------------------------------------
/src/component/images/Landing/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/4.png
--------------------------------------------------------------------------------
/src/component/images/Landing/ak.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/ak.jpg
--------------------------------------------------------------------------------
/src/component/images/Landing/bg-title-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/bg-title-01.jpg
--------------------------------------------------------------------------------
/src/component/images/Landing/bg-title-02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/bg-title-02.jpg
--------------------------------------------------------------------------------
/src/component/images/Landing/card-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/card-1.png
--------------------------------------------------------------------------------
/src/component/images/Landing/card2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/card2.png
--------------------------------------------------------------------------------
/src/component/images/Landing/card3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/card3.png
--------------------------------------------------------------------------------
/src/component/images/Landing/circle1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/circle1.png
--------------------------------------------------------------------------------
/src/component/images/Landing/circle2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/circle2.png
--------------------------------------------------------------------------------
/src/component/images/Landing/circle3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/circle3.png
--------------------------------------------------------------------------------
/src/component/images/Landing/circle4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/circle4.png
--------------------------------------------------------------------------------
/src/component/images/Landing/graf1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/graf1.png
--------------------------------------------------------------------------------
/src/component/images/Landing/graf2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/graf2.png
--------------------------------------------------------------------------------
/src/component/images/Landing/graf3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/graf3.png
--------------------------------------------------------------------------------
/src/component/images/Landing/graf4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/graf4.png
--------------------------------------------------------------------------------
/src/component/images/Landing/graf5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/graf5.png
--------------------------------------------------------------------------------
/src/component/images/Landing/graf6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/graf6.png
--------------------------------------------------------------------------------
/src/component/images/Landing/pl.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/pl.png
--------------------------------------------------------------------------------
/src/component/images/Landing/poly0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/poly0.png
--------------------------------------------------------------------------------
/src/component/images/Landing/poly3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/poly3.png
--------------------------------------------------------------------------------
/src/component/images/Landing/poly6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/poly6.png
--------------------------------------------------------------------------------
/src/component/images/Landing/quality.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/quality.png
--------------------------------------------------------------------------------
/src/component/images/Landing/right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/right.png
--------------------------------------------------------------------------------
/src/component/images/Landing/web1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/web1.png
--------------------------------------------------------------------------------
/src/component/images/Landing/web2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/web2.png
--------------------------------------------------------------------------------
/src/component/images/Landing/web3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/web3.png
--------------------------------------------------------------------------------
/src/component/images/Landing/web4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/web4.png
--------------------------------------------------------------------------------
/src/component/images/Landing/web5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/web5.png
--------------------------------------------------------------------------------
/src/component/images/Landing/web6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/web6.png
--------------------------------------------------------------------------------
/src/component/images/Landing/world.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/world.png
--------------------------------------------------------------------------------
/src/component/images/Landing/wrong.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/Landing/wrong.png
--------------------------------------------------------------------------------
/src/component/images/fbg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/fbg.png
--------------------------------------------------------------------------------
/src/component/images/ivr_banner_img (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/ivr_banner_img (1).png
--------------------------------------------------------------------------------
/src/component/images/lock-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/lock-icon.png
--------------------------------------------------------------------------------
/src/component/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/logo.png
--------------------------------------------------------------------------------
/src/component/images/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sailingdev/React-User-Panel/2178cd24a6e1bb741422c169ecb9d41df18a3045/src/component/images/user.png
--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6 | sans-serif;
7 | -webkit-font-smoothing: antialiased;
8 | -moz-osx-font-smoothing: grayscale;
9 | }
10 |
11 | code {
12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
13 | monospace;
14 | }
15 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import 'bootstrap/dist/css/bootstrap.css';
5 | import App from './App';
6 | import * as serviceWorker from './serviceWorker';
7 |
8 | ReactDOM.render(