25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

185 lines
8.2 KiB

  1. import React from 'react';
  2. import Link from 'next/link';
  3. import * as Icon from 'react-feather';
  4. const Team = () => {
  5. return (
  6. <div className="team-area repair-team-area pt-80 pb-50 bg-f9f6f6">
  7. <div className="container">
  8. <div className="section-title">
  9. <h2>Our Awesome Team</h2>
  10. <div className="bar"></div>
  11. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  12. </div>
  13. <div className="row justify-content-center">
  14. <div className="col-lg-3 col-md-6">
  15. <div className="single-team">
  16. <div className="team-image">
  17. <img src='/images/repair-team-image/repair-team1.jpg' alt="image" />
  18. </div>
  19. <div className="team-content">
  20. <div className="team-info">
  21. <h3>Josh Buttler</h3>
  22. <span>CEO & Founder</span>
  23. </div>
  24. <ul>
  25. <li>
  26. <Link href="#">
  27. <a><Icon.Facebook /></a>
  28. </Link>
  29. </li>
  30. <li>
  31. <Link href="#">
  32. <a><Icon.Twitter /></a>
  33. </Link>
  34. </li>
  35. <li>
  36. <Link href="#">
  37. <a><Icon.Linkedin /></a>
  38. </Link>
  39. </li>
  40. <li>
  41. <Link href="#">
  42. <a><Icon.Gitlab /></a>
  43. </Link>
  44. </li>
  45. </ul>
  46. <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
  47. </div>
  48. </div>
  49. </div>
  50. <div className="col-lg-3 col-md-6">
  51. <div className="single-team">
  52. <div className="team-image">
  53. <img src='/images/repair-team-image/repair-team2.jpg' alt="image" />
  54. </div>
  55. <div className="team-content">
  56. <div className="team-info">
  57. <h3>Alex Maxwel</h3>
  58. <span>CEO & Founder</span>
  59. </div>
  60. <ul>
  61. <li>
  62. <Link href="#">
  63. <a><Icon.Facebook /></a>
  64. </Link>
  65. </li>
  66. <li>
  67. <Link href="#">
  68. <a><Icon.Twitter /></a>
  69. </Link>
  70. </li>
  71. <li>
  72. <Link href="#">
  73. <a><Icon.Linkedin /></a>
  74. </Link>
  75. </li>
  76. <li>
  77. <Link href="#">
  78. <a><Icon.Gitlab /></a>
  79. </Link>
  80. </li>
  81. </ul>
  82. <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
  83. </div>
  84. </div>
  85. </div>
  86. <div className="col-lg-3 col-md-6">
  87. <div className="single-team">
  88. <div className="team-image">
  89. <img src='/images/repair-team-image/repair-team3.jpg' alt="image" />
  90. </div>
  91. <div className="team-content">
  92. <div className="team-info">
  93. <h3>Janny Cotller</h3>
  94. <span>CEO & Founder</span>
  95. </div>
  96. <ul>
  97. <li>
  98. <Link href="#">
  99. <a><Icon.Facebook /></a>
  100. </Link>
  101. </li>
  102. <li>
  103. <Link href="#">
  104. <a><Icon.Twitter /></a>
  105. </Link>
  106. </li>
  107. <li>
  108. <Link href="#">
  109. <a><Icon.Linkedin /></a>
  110. </Link>
  111. </li>
  112. <li>
  113. <Link href="#">
  114. <a><Icon.Gitlab /></a>
  115. </Link>
  116. </li>
  117. </ul>
  118. <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
  119. </div>
  120. </div>
  121. </div>
  122. <div className="col-lg-3 col-md-6">
  123. <div className="single-team">
  124. <div className="team-image">
  125. <img src='/images/repair-team-image/repair-team4.jpg' alt="image" />
  126. </div>
  127. <div className="team-content">
  128. <div className="team-info">
  129. <h3>Jason Statham</h3>
  130. <span>CEO & Founder</span>
  131. </div>
  132. <ul>
  133. <li>
  134. <Link href="#">
  135. <a><Icon.Facebook /></a>
  136. </Link>
  137. </li>
  138. <li>
  139. <Link href="#">
  140. <a><Icon.Twitter /></a>
  141. </Link>
  142. </li>
  143. <li>
  144. <Link href="#">
  145. <a><Icon.Linkedin /></a>
  146. </Link>
  147. </li>
  148. <li>
  149. <Link href="#">
  150. <a><Icon.Gitlab /></a>
  151. </Link>
  152. </li>
  153. </ul>
  154. <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. )
  162. }
  163. export default Team;