huncholaneparagraphs populate
huncholane1 file changed, +11 -19
+11-19pages/team-details.js
| @@ -11,6 +11,11 @@ function phoneToLink(phone) { | ||
| 11 | 11 | } |
| 12 | 12 | |
| 13 | 13 | export default function TeamDetails(props) { |
| 14 | + const leadingParagraphs = props.paragraphs.slice( | |
| 15 | + 0, | |
| 16 | + props.paragraphs.length - 1 | |
| 17 | + ); | |
| 18 | + const trailingParagraph = props.paragraphs[props.paragraphs.length - 1]; | |
| 14 | 19 | return ( |
| 15 | 20 | <> |
| 16 | 21 | <Layout breadcrumbTitle={props.name}> |
| @@ -91,25 +96,12 @@ export default function TeamDetails(props) { | ||
| 91 | 96 | <div className="col-lg-12"> |
| 92 | 97 | <div className="team-details-content"> |
| 93 | 98 | <h3 className="title">Personal Experience and Skills</h3> |
| 94 | - <p className="info-one"> | |
| 95 | - Since joining Sotcox in 2009 .Web design encompasses many | |
| 96 | - different skills and disciplines in the production and | |
| 97 | - maintenance of websites. The different area of web design | |
| 98 | - ki je bolbo as include web graphic design; user interface | |
| 99 | - design (UI design); authoring, including standardised code | |
| 100 | - and proprietary amra kothai jabo assoftware; user | |
| 101 | - experience design (UX design); and search engine | |
| 102 | - optimization. Often many individuals will work in teams | |
| 103 | - covering different aspects of the design process, | |
| 104 | - including writing markup. | |
| 105 | - </p> | |
| 106 | - <p className="info-two"> | |
| 107 | - The term "web design" is normally used to describe the | |
| 108 | - design process relating to the front-end (client side) | |
| 109 | - design of a ki holo design ki valo hoy nai website | |
| 110 | - including writing markup. Web design partially overlaps | |
| 111 | - web engineering in the broader scope of web development. | |
| 112 | - </p> | |
| 99 | + {leadingParagraphs.map((paragraph, index) => ( | |
| 100 | + <p className="info-one" key={`paragraph-${index}`}> | |
| 101 | + {paragraph} | |
| 102 | + </p> | |
| 103 | + ))} | |
| 104 | + <p className="info-two">{trailingParagraph}</p> | |
| 113 | 105 | <div className="progress-wrap"> |
| 114 | 106 | <div className="progress-item"> |
| 115 | 107 | <h5 className="title">Software Development</h5> |