irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/pages/team-details.js
220 lines9.5 KBJavaScript
RawDownloadHistory
1import Layout from "@/components/layout/Layout";
2import Brand3 from "@/components/sections/Brand3";
3import Link from "next/link";
4export default function TeamDetails(props) {
5 return (
6 <>
7 <Layout breadcrumbTitle={props.name}>
8 <div>
9 <section className="team-details-area pt-120 pb-120">
10 <div className="container">
11 <div className="row align-items-center">
12 <div className="col-lg-6">
13 <div className="team-details-thumb">
14 <img src="/assets/img/team/team_details01.jpg" alt="" />
15 </div>
16 </div>
17 <div className="col-lg-6">
18 <div className="team-details-info">
19 <div className="info-content-top">
20 <h3 className="title">{props.name}</h3>
21 <span>{props.position}</span>
22 </div>
23 <ul className="list-wrap team-info">
24 <li>
25 <span>
26 <i className="fas fa-toolbox" />
27 Experience:
28 </span>
29 {props.exp}
30 </li>
31 <li>
32 <span>
33 <i className="fas fa-envelope" />
34 E-mail:
35 </span>
36 {props.email}
37 </li>
38 <li>
39 <span>
40 <i className="fas fa-phone-alt" />
41 Phone:
42 </span>
43 {props.phone}
44 </li>
45 <li>
46 <span>
47 <i className="fas fa-map-marker-alt" />
48 Location:
49 </span>
50 {props.location}
51 </li>
52 </ul>
53 <div className="team-details-social">
54 <h6 className="title">Follow Me:</h6>
55 <ul className="list-wrap">
56 <li>
57 <Link href="#">
58 <i className="fab fa-facebook-f" />
59 </Link>
60 </li>
61 <li>
62 <Link href="#">
63 <i className="fab fa-twitter" />
64 </Link>
65 </li>
66 <li>
67 <Link href="#">
68 <i className="fab fa-linkedin-in" />
69 </Link>
70 </li>
71 <li>
72 <Link href="#">
73 <i className="fab fa-instagram" />
74 </Link>
75 </li>
76 </ul>
77 </div>
78 </div>
79 </div>
80 </div>
81 <div className="row">
82 <div className="col-lg-12">
83 <div className="team-details-content">
84 <h3 className="title">Personal Experience and Skills</h3>
85 <p className="info-one">
86 Since joining Sotcox in 2009 .Web design encompasses many
87 different skills and disciplines in the production and
88 maintenance of websites. The different area of web design
89 ki je bolbo as include web graphic design; user interface
90 design (UI design); authoring, including standardised code
91 and proprietary amra kothai jabo assoftware; user
92 experience design (UX design); and search engine
93 optimization. Often many individuals will work in teams
94 covering different aspects of the design process,
95 including writing markup.
96 </p>
97 <p className="info-two">
98 The term "web design" is normally used to describe the
99 design process relating to the front-end (client side)
100 design of a ki holo design ki valo hoy nai website
101 including writing markup. Web design partially overlaps
102 web engineering in the broader scope of web development.
103 </p>
104 <div className="progress-wrap">
105 <div className="progress-item">
106 <h5 className="title">Software Development</h5>
107 <div className="progress">
108 <div
109 className="progress-bar"
110 role="progressbar"
111 style={{ width: "88%" }}
112 aria-valuenow={88}
113 aria-valuemin={0}
114 aria-valuemax={100}
115 />
116 <span>88%</span>
117 </div>
118 </div>
119 <div className="progress-item">
120 <h5 className="title">UL / UX Design</h5>
121 <div className="progress">
122 <div
123 className="progress-bar"
124 role="progressbar"
125 style={{ width: "80%" }}
126 aria-valuenow={80}
127 aria-valuemin={0}
128 aria-valuemax={100}
129 />
130 <span>80%</span>
131 </div>
132 </div>
133 <div className="progress-item">
134 <h5 className="title">Web Development</h5>
135 <div className="progress">
136 <div
137 className="progress-bar"
138 role="progressbar"
139 style={{ width: "95%" }}
140 aria-valuenow={95}
141 aria-valuemin={0}
142 aria-valuemax={100}
143 />
144 <span>95%</span>
145 </div>
146 </div>
147 <div className="progress-item">
148 <h5 className="title">SEO Optimization</h5>
149 <div className="progress">
150 <div
151 className="progress-bar"
152 role="progressbar"
153 style={{ width: "90%" }}
154 aria-valuenow={90}
155 aria-valuemin={0}
156 aria-valuemax={100}
157 />
158 <span>90%</span>
159 </div>
160 </div>
161 </div>
162 <div className="guidelines-wrap">
163 <div className="row">
164 <div className="col-lg-6">
165 <div className="guidelines-img">
166 <img
167 src="/assets/img/team/team_details02.jpg"
168 alt=""
169 />
170 </div>
171 </div>
172 <div className="col-lg-6">
173 <div className="guidelines-content">
174 <h4 className="title">Career Guidelines</h4>
175 <p>
176 As a web developer, you could work for a company
177 or agency, hoyse aor as a freelancer taking on
178 projects for individual clients. Your tasks will
179 vary depending on ki tumi your work situation, but
180 day-to-day responsibilities might generally
181 include.
182 </p>
183 <ul className="list-wrap">
184 <li>
185 Designing user interfaces and navigation menus
186 </li>
187 <li>
188 Writing and reviewing code for sites, typically
189 HTML, XML, or JavaScript
190 </li>
191 <li>
192 Troubleshooting problems with performance or
193 user experience
194 </li>
195 <li>
196 Integrating multimedia content onto a site
197 </li>
198 <li>
199 Collaborating with designers, developers, and
200 stakeholders
201 </li>
202 <li>Testing web applications</li>
203 </ul>
204 </div>
205 </div>
206 </div>
207 </div>
208 </div>
209 </div>
210 </div>
211 </div>
212 </section>
213 {/* team-details-area-end */}
214 {/* brand-area */}
215 <Brand3 />
216 </div>
217 </Layout>
218 </>
219 );
220}