irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/pages/team-details.js
115 lines8.9 KBJavaScript
RawDownloadHistory
1import Layout from "@/components/layout/Layout"
2import Brand3 from "@/components/sections/Brand3"
3import Link from "next/link"
4export default function TeamDetails() {
5
6 return (
7 <>
8 <Layout breadcrumbTitle="Team Details">
9 <div>
10 <section className="team-details-area pt-120 pb-120">
11 <div className="container">
12 <div className="row align-items-center">
13 <div className="col-lg-6">
14 <div className="team-details-thumb">
15 <img src="/assets/img/team/team_details01.jpg" alt="" />
16 </div>
17 </div>
18 <div className="col-lg-6">
19 <div className="team-details-info">
20 <div className="info-content-top">
21 <h3 className="title">Christopher Jhon</h3>
22 <span>Senior Manager</span>
23 </div>
24 <ul className="list-wrap team-info">
25 <li><span><i className="fas fa-toolbox" />Experience:</span>15 Years</li>
26 <li><span><i className="fas fa-envelope" />E-mail:</span>icourtnyhenry@example.com</li>
27 <li><span><i className="fas fa-phone-alt" />Phone:</span>+1-800-456-478-00</li>
28 <li><span><i className="fas fa-map-marker-alt" />Location:</span>380 St Kilda Road, Melbourne <br /> VIC 3004, Australia</li>
29 </ul>
30 <div className="team-details-social">
31 <h6 className="title">Follow Me:</h6>
32 <ul className="list-wrap">
33 <li><Link href="#"><i className="fab fa-facebook-f" /></Link></li>
34 <li><Link href="#"><i className="fab fa-twitter" /></Link></li>
35 <li><Link href="#"><i className="fab fa-linkedin-in" /></Link></li>
36 <li><Link href="#"><i className="fab fa-instagram" /></Link></li>
37 </ul>
38 </div>
39 </div>
40 </div>
41 </div>
42 <div className="row">
43 <div className="col-lg-12">
44 <div className="team-details-content">
45 <h3 className="title">Personal Experience and Skills</h3>
46 <p className="info-one">Since joining Sotcox in 2009 .Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different area of web design ki je bolbo as include web graphic design; user interface design (UI design); authoring, including standardised code and proprietary amra kothai jabo assoftware; user experience design (UX design); and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, including writing markup.</p>
47 <p className="info-two">The term "web design" is normally used to describe the design process relating to the front-end (client side) design of a ki holo design ki valo hoy nai website including writing markup. Web design partially overlaps web engineering in the broader scope of web development.</p>
48 <div className="progress-wrap">
49 <div className="progress-item">
50 <h5 className="title">Software Development</h5>
51 <div className="progress">
52 <div className="progress-bar" role="progressbar" style={{ width: '88%' }} aria-valuenow={88} aria-valuemin={0} aria-valuemax={100} />
53 <span>88%</span>
54 </div>
55 </div>
56 <div className="progress-item">
57 <h5 className="title">UL / UX Design</h5>
58 <div className="progress">
59 <div className="progress-bar" role="progressbar" style={{ width: '80%' }} aria-valuenow={80} aria-valuemin={0} aria-valuemax={100} />
60 <span>80%</span>
61 </div>
62 </div>
63 <div className="progress-item">
64 <h5 className="title">Web Development</h5>
65 <div className="progress">
66 <div className="progress-bar" role="progressbar" style={{ width: '95%' }} aria-valuenow={95} aria-valuemin={0} aria-valuemax={100} />
67 <span>95%</span>
68 </div>
69 </div>
70 <div className="progress-item">
71 <h5 className="title">SEO Optimization</h5>
72 <div className="progress">
73 <div className="progress-bar" role="progressbar" style={{ width: '90%' }} aria-valuenow={90} aria-valuemin={0} aria-valuemax={100} />
74 <span>90%</span>
75 </div>
76 </div>
77 </div>
78 <div className="guidelines-wrap">
79 <div className="row">
80 <div className="col-lg-6">
81 <div className="guidelines-img">
82 <img src="/assets/img/team/team_details02.jpg" alt="" />
83 </div>
84 </div>
85 <div className="col-lg-6">
86 <div className="guidelines-content">
87 <h4 className="title">Career Guidelines</h4>
88 <p>As a web developer, you could work for a company or agency, hoyse aor as a freelancer taking
89 on projects for individual clients. Your tasks will vary depending on ki tumi your work situation, but day-to-day responsibilities might generally include.</p>
90 <ul className="list-wrap">
91 <li>Designing user interfaces and navigation menus</li>
92 <li>Writing and reviewing code for sites, typically HTML, XML, or JavaScript</li>
93 <li>Troubleshooting problems with performance or user experience</li>
94 <li>Integrating multimedia content onto a site</li>
95 <li>Collaborating with designers, developers, and stakeholders</li>
96 <li>Testing web applications</li>
97 </ul>
98 </div>
99 </div>
100 </div>
101 </div>
102 </div>
103 </div>
104 </div>
105 </div>
106 </section>
107 {/* team-details-area-end */}
108 {/* brand-area */}
109 <Brand3 />
110 </div>
111
112 </Layout>
113 </>
114 )
115}