Startseite Erkunden Hilfe
Registrieren Anmelden
didong
/
technician
2
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: cc37d3cd14
Branches Tags
technician
/
public
/
about.html

about.html 16 KB
Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. <title>About</title>
    5. 

  5. <meta charset="utf-8">
    6. 

  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7. 

  7. <meta name="description" content="AerobicsFit template project">
    8. 

  8. <meta name="viewport" content="width=device-width, initial-scale=1">
    9. 

  9. <link rel="stylesheet" type="text/css" href="styles/bootstrap-4.1.2/bootstrap.min.css">
    10. 

  10. <link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    11. 

  11. <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
    12. 

  12. <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
    13. 

  13. <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
    14. 

  14. <link rel="stylesheet" type="text/css" href="styles/about.css">
    15. 

  15. <link rel="stylesheet" type="text/css" href="styles/about_responsive.css">
    16. 

  16. </head>
    17. 

  17. <body>
    18. 

  18. 

  19. <div class="super_container">
    20. 

  20. 	
    21. 

  21. 	<!-- Header -->
    22. 

  22. 

  23. 	<header class="header">
    24. 

  24. 		<div class="container">
    25. 

  25. 			<div class="row">
    26. 

  26. 				<div class="col">
    27. 

  27. 					<div class="header_content d-flex flex-row align-items-center justify-content-start">
    28. 

  28. 						<div class="logo">Aerobics<span>Fit</span></div>
    29. 

  29. 						<nav class="main_nav">
    30. 

  30. 							<ul class="d-flex flex-row align-items-center justify-content-start">
    31. 

  31. 								<li><a href="index.html">Home</a></li>
    32. 

  32. 								<li class="active"><a href="about.html">About us</a></li>
    33. 

  33. 								<li><a href="services.html">Services</a></li>
    34. 

  34. 								<li><a href="blog.html">News</a></li>
    35. 

  35. 								<li><a href="contact.html">Contact</a></li>
    36. 

  36. 							</ul>
    37. 

  37. 						</nav>
    38. 

  38. 						<div class="join_button ml-auto"><a href="#">Join Now!</a></div>
    39. 

  39. 						<div class="social header_social">
    40. 

  40. 							<ul class="d-flex flex-row align-items-center justify-content-start">
    41. 

  41. 								<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
    42. 

  42. 								<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
    43. 

  43. 								<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
    44. 

  44. 								<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
    45. 

  45. 								<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
    46. 

  46. 							</ul>
    47. 

  47. 						</div>
    48. 

  48. 						<div class="hamburger ml-auto"><i class="fa fa-bars" aria-hidden="true"></i></div>
    49. 

  49. 					</div>
    50. 

  50. 				</div>
    51. 

  51. 			</div>
    52. 

  52. 		</div>
    53. 

  53. 	</header>
    54. 

  54. 

  55. 	<!-- Menu -->
    56. 

  56. 

  57. 	<div class="menu">
    58. 

  58. 		<div class="menu_content d-flex flex-column align-items-center justify-content-center">
    59. 

  59. 			<ul class="menu_nav_list text-center">
    60. 

  60. 				<li><a href="index.html">Home</a></li>
    61. 

  61. 				<li><a href="about.html">About us</a></li>
    62. 

  62. 				<li><a href="services.html">Services</a></li>
    63. 

  63. 				<li><a href="blog.html">News</a></li>
    64. 

  64. 				<li><a href="contact.html">Contact</a></li>
    65. 

  65. 			</ul>
    66. 

  66. 			<div class="menu_join"><a href="#">Join Now!</a></div>
    67. 

  67. 			<div class="menu_social social">
    68. 

  68. 				<ul class="d-flex flex-row align-items-center justify-content-start">
    69. 

  69. 					<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
    70. 

  70. 					<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
    71. 

  71. 					<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
    72. 

  72. 					<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
    73. 

  73. 					<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
    74. 

  74. 				</ul>
    75. 

  75. 			</div>
    76. 

  76. 		</div>
    77. 

  77. 	</div>
    78. 

  78. 

  79. 	<!-- Home -->
    80. 

  80. 

  81. 	<div class="home">
    82. 

  82. 		<div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/about.jpg" data-speed="0.8"></div>
    83. 

  83. 		<div class="home_container">
    84. 

  84. 			<div class="container">
    85. 

  85. 				<div class="row">
    86. 

  86. 					<div class="col">
    87. 

  87. 						<div class="home_content">
    88. 

  88. 							<div class="home_title">About us</div>
    89. 

  89. 							<div class="breadcrumbs">
    90. 

  90. 								<ul class="d-flex flex-row align-items-center justify-content-start">
    91. 

  91. 									<li><a href="index.html">Home</a></li>
    92. 

  92. 									<li>About us</li>
    93. 

  93. 								</ul>
    94. 

  94. 							</div>
    95. 

  95. 						</div>
    96. 

  96. 					</div>
    97. 

  97. 				</div>
    98. 

  98. 			</div>
    99. 

  99. 		</div>
    100. 

  100. 	</div>
    101. 

  101. 

  102. 	<!-- Intro -->
    103. 

  103. 

  104. 	<div class="intro">
    105. 

  105. 		<div class="container">
    106. 

  106. 			<div class="row row-eq-height">
    107. 

  107. 

  108. 				<!-- Intro Content -->
    109. 

  109. 				<div class="col-lg-7 intro_col">
    110. 

  110. 					<div class="intro_content">
    111. 

  111. 						<div class="intro_title">Welcome to <span>AerobicsFit</span></div>
    112. 

  112. 						<div class="intro_text">
    113. 

  113. 							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum. Integer fringilla eros quis eros aliquam tincidunt. Integer consectetur urna et mi aliquam, non malesuada sem rhoncus. Proin libero libero, interdum vel blandit non, consectetur ac eros. Nullam pulvinar massa nec lorem fermentum molestie. Mauris vestibulum nisl sed orci semper luctus. Aliquam erat volutpat. Praesent hendrerit facilisis viverra. In sit amet euismod nibh. Ut in malesuada risus, sit amet malesuada ligula. Duis dolor sem, malesuada sed sem sed, gravida pellentesque nunc.</p>
    114. 

  114. 						</div>
    115. 

  115. 						<div class="button intro_button"><a href="#">Enroll Now!</a></div>
    116. 

  116. 					</div>
    117. 

  117. 				</div>
    118. 

  118. 

  119. 				<!-- Intro Image -->
    120. 

  120. 				<div class="col-lg-5 intro_col">
    121. 

  121. 					<div class="intro_image"><img src="images/intro.jpg" alt=""></div>
    122. 

  122. 				</div>
    123. 

  123. 

  124. 			</div>
    125. 

  125. 		</div>
    126. 

  126. 	</div>
    127. 

  127. 

  128. 	<!-- Call to action -->
    129. 

  129. 	
    130. 

  130. 	<div class="cta_2">
    131. 

  131. 		<div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/cta_2.jpg" data-speed="0.8"></div>
    132. 

  132. 		<div class="container">
    133. 

  133. 			<div class="row">
    134. 

  134. 				<div class="col-lg-8 offset-lg-2">
    135. 

  135. 					<div class="cta_2_content text-center">
    136. 

  136. 						<div class="cta_2_title"><h2>Learn from the best trainers</h2></div>
    137. 

  137. 						<div class="cta_2_text">
    138. 

  138. 							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum. Ut ac ligula sapien. Suspendisse cursu.</p>
    139. 

  139. 						</div>
    140. 

  140. 						<div class="cta_2_buttons d-flex flex-sm-row flex-column align-items-center justify-content-center">
    141. 

  141. 							<div class="button cta_2_button_1"><a href="#">Enroll Now!</a></div>
    142. 

  142. 							<div class="button button_2 cta_2_button_2"><a href="#">Learn More</a></div>
    143. 

  143. 						</div>
    144. 

  144. 					</div>
    145. 

  145. 				</div>
    146. 

  146. 			</div>
    147. 

  147. 		</div>
    148. 

  148. 	</div>
    149. 

  149. 

  150. 	<!-- Boxes -->
    151. 

  151. 

  152. 	<div class="boxes">
    153. 

  153. 		<div class="container-fluid">
    154. 

  154. 			<div class="row row-eq-height">
    155. 

  155. 

  156. 				<!-- Box -->
    157. 

  157. 				<div class="col-lg-4 boxes_col">
    158. 

  158. 					<div class="box box_1 d-flex flex-row align-items-center justify-content-start">
    159. 

  159. 						<div><div class="box_icon"><img src="images/icon_7.svg" alt="https://www.flaticon.com/authors/freepik"></div></div>
    160. 

  160. 						<div class="box_content">
    161. 

  161. 							<div class="box_title">Private Trainer</div>
    162. 

  162. 							<div class="box_text">
    163. 

  163. 								<p>Ipsum dolor sit amet, consectetur adipiscing elit. Donec male suada lorem maximus mauris scelerisque.</p>
    164. 

  164. 							</div>
    165. 

  165. 						</div>
    166. 

  166. 					</div>
    167. 

  167. 				</div>
    168. 

  168. 

  169. 				<!-- Box -->
    170. 

  170. 				<div class="col-lg-4 boxes_col">
    171. 

  171. 					<div class="box box_2 d-flex flex-row align-items-center justify-content-start">
    172. 

  172. 						<div><div class="box_icon"><img src="images/icon_8.svg" alt="https://www.flaticon.com/authors/freepik"></div></div>
    173. 

  173. 						<div class="box_content">
    174. 

  174. 							<div class="box_title">Weight Loss</div>
    175. 

  175. 							<div class="box_text">
    176. 

  176. 								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque.</p>
    177. 

  177. 							</div>
    178. 

  178. 						</div>
    179. 

  179. 					</div>
    180. 

  180. 				</div>
    181. 

  181. 

  182. 				<!-- Box -->
    183. 

  183. 				<div class="col-lg-4 boxes_col">
    184. 

  184. 					<div class="box box_3 d-flex flex-row align-items-center justify-content-start">
    185. 

  185. 						<div><div class="box_icon"><img src="images/icon_9.svg" alt="https://www.flaticon.com/authors/freepik"></div></div>
    186. 

  186. 						<div class="box_content">
    187. 

  187. 							<div class="box_title">Healthy Diet</div>
    188. 

  188. 							<div class="box_text">
    189. 

  189. 								<p>Consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum.</p>
    190. 

  190. 							</div>
    191. 

  191. 						</div>
    192. 

  192. 					</div>
    193. 

  193. 				</div>
    194. 

  194. 

  195. 			</div>
    196. 

  196. 		</div>
    197. 

  197. 	</div>
    198. 

  198. 

  199. 	<!-- Team -->
    200. 

  200. 

  201. 	<div class="team">
    202. 

  202. 		<div class="container">
    203. 

  203. 			<div class="row">
    204. 

  204. 				<div class="col">
    205. 

  205. 					<div class="section_title_container text-center">
    206. 

  206. 						<div class="section_title"><h1>The Team</h1></div>
    207. 

  207. 						<div class="section_text ml-auto mr-auto">
    208. 

  208. 							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum. Ut ac ligula sapien. Suspendisse cursu.</p>
    209. 

  209. 						</div>
    210. 

  210. 					</div>
    211. 

  211. 				</div>
    212. 

  212. 			</div>
    213. 

  213. 			<div class="row team_row">
    214. 

  214. 

  215. 				<!-- Team Item -->
    216. 

  216. 				<div class="col-xl-3 col-md-6 team_col">
    217. 

  217. 					<div class="team_item">
    218. 

  218. 						<div class="team_image"><img src="images/team_1.jpg" alt="https://unsplash.com/@brucemars"></div>
    219. 

  219. 						<div class="team_content text-center">
    220. 

  220. 							<div class="team_name"><a href="#">Maria Williams</a></div>
    221. 

  221. 							<div class="team_title">Personal Trainer</div>
    222. 

  222. 							<div class="team_text">
    223. 

  223. 								<p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Donec malesu ada lorem maximus mauris.</p>
    224. 

  224. 							</div>
    225. 

  225. 						</div>
    226. 

  226. 					</div>
    227. 

  227. 				</div>
    228. 

  228. 

  229. 				<!-- Team Item -->
    230. 

  230. 				<div class="col-xl-3 col-md-6 team_col">
    231. 

  231. 					<div class="team_item">
    232. 

  232. 						<div class="team_image"><img src="images/team_2.jpg" alt="https://unsplash.com/@brucemars"></div>
    233. 

  233. 						<div class="team_content text-center">
    234. 

  234. 							<div class="team_name"><a href="#">Jessica Smith</a></div>
    235. 

  235. 							<div class="team_title">Personal Trainer</div>
    236. 

  236. 							<div class="team_text">
    237. 

  237. 								<p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Donec malesu ada lorem maximus mauris.</p>
    238. 

  238. 							</div>
    239. 

  239. 						</div>
    240. 

  240. 					</div>
    241. 

  241. 				</div>
    242. 

  242. 

  243. 				<!-- Team Item -->
    244. 

  244. 				<div class="col-xl-3 col-md-6 team_col">
    245. 

  245. 					<div class="team_item">
    246. 

  246. 						<div class="team_image"><img src="images/team_3.jpg" alt="https://unsplash.com/@brucemars"></div>
    247. 

  247. 						<div class="team_content text-center">
    248. 

  248. 							<div class="team_name"><a href="#">Cristinne Joe</a></div>
    249. 

  249. 							<div class="team_title">Personal Trainer</div>
    250. 

  250. 							<div class="team_text">
    251. 

  251. 								<p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Donec malesu ada lorem maximus mauris.</p>
    252. 

  252. 							</div>
    253. 

  253. 						</div>
    254. 

  254. 					</div>
    255. 

  255. 				</div>
    256. 

  256. 

  257. 				<!-- Team Item -->
    258. 

  258. 				<div class="col-xl-3 col-md-6 team_col">
    259. 

  259. 					<div class="team_item">
    260. 

  260. 						<div class="team_image"><img src="images/team_4.jpg" alt="https://unsplash.com/@brucemars"></div>
    261. 

  261. 						<div class="team_content text-center">
    262. 

  262. 							<div class="team_name"><a href="#">Laura Orwell</a></div>
    263. 

  263. 							<div class="team_title">Personal Trainer</div>
    264. 

  264. 							<div class="team_text">
    265. 

  265. 								<p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Donec malesu ada lorem maximus mauris.</p>
    266. 

  266. 							</div>
    267. 

  267. 						</div>
    268. 

  268. 					</div>
    269. 

  269. 				</div>
    270. 

  270. 

  271. 			</div>
    272. 

  272. 		</div>
    273. 

  273. 	</div>
    274. 

  274. 

  275. 	<!-- FAQ -->
    276. 

  276. 

  277. 	<div class="faq">
    278. 

  278. 		<div class="container">
    279. 

  279. 			<div class="row row-eq-height">
    280. 

  280. 				
    281. 

  281. 				<!-- FAQ -->
    282. 

  282. 				<div class="col-lg-6">
    283. 

  283. 					<div class="faq_container">
    284. 

  284. 						<div class="faq_title">FAQ</div>
    285. 

  285. 

  286. 						<!-- Accordions -->
    287. 

  287. 						<div class="accordions">
    288. 

  288. 

  289. 							<!-- Accordion -->
    290. 

  290. 							<div class="accordion_container">
    291. 

  291. 								<div class="accordion d-flex flex-row align-items-center active"><div>What's your Vision?</div></div>
    292. 

  292. 								<div class="accordion_panel">
    293. 

  293. 									<div>
    294. 

  294. 										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mal esuada lorem maximus mauris scelerisque. Sit amet, consecteturdipi scing elit.</p>
    295. 

  295. 									</div>
    296. 

  296. 								</div>
    297. 

  297. 							</div>
    298. 

  298. 							
    299. 

  299. 							<!-- Accordion -->
    300. 

  300. 							<div class="accordion_container">
    301. 

  301. 								<div class="accordion d-flex flex-row align-items-center"><div>Who are the trainers?</div></div>
    302. 

  302. 								<div class="accordion_panel">
    303. 

  303. 									<div>
    304. 

  304. 										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mal esuada lorem maximus mauris scelerisque. Sit amet, consecteturdipi scing elit.</p>
    305. 

  305. 									</div>
    306. 

  306. 								</div>
    307. 

  307. 							</div>
    308. 

  308. 

  309. 							<!-- Accordion -->
    310. 

  310. 							<div class="accordion_container">
    311. 

  311. 								<div class="accordion d-flex flex-row align-items-center"><div>How can I enroll?</div></div>
    312. 

  312. 								<div class="accordion_panel">
    313. 

  313. 									<div>
    314. 

  314. 										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mal esuada lorem maximus mauris scelerisque. Sit amet, consecteturdipi scing elit.</p>
    315. 

  315. 									</div>
    316. 

  316. 								</div>
    317. 

  317. 							</div>
    318. 

  318. 

  319. 							<!-- Accordion -->
    320. 

  320. 							<div class="accordion_container">
    321. 

  321. 								<div class="accordion d-flex flex-row align-items-center"><div>What are the offers?</div></div>
    322. 

  322. 								<div class="accordion_panel">
    323. 

  323. 									<div>
    324. 

  324. 										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mal esuada lorem maximus mauris scelerisque. Sit amet, consecteturdipi scing elit.</p>
    325. 

  325. 									</div>
    326. 

  326. 								</div>
    327. 

  327. 							</div>
    328. 

  328. 

  329. 						</div>
    330. 

  330. 						<!-- Accordions End -->
    331. 

  331. 

  332. 					</div>
    333. 

  333. 				</div>
    334. 

  334. 				
    335. 

  335. 				<!-- Offer -->
    336. 

  336. 				<div class="col-lg-6">
    337. 

  337. 					<div class="offer">
    338. 

  338. 						<a href="#">
    339. 

  339. 							<div class="offer_content d-flex flex-column align-items-center justify-content-end">
    340. 

  340. 								<div class="background_image" style="background-image:url(images/offer_2.jpg)"></div>
    341. 

  341. 								<div class="offer_b">Summer Offer</div>
    342. 

  342. 								<div class="offer_box text-center">
    343. 

  343. 									<div class="offer_box_subtitle text-sm-right">Join Now and get a</div>
    344. 

  344. 									<div class="offer_box_title">20% Discount</div>
    345. 

  345. 								</div>
    346. 

  346. 							</div>
    347. 

  347. 						</a>
    348. 

  348. 					</div>
    349. 

  349. 				</div>
    350. 

  350. 			</div>
    351. 

  351. 		</div>
    352. 

  352. 	</div>
    353. 

  353. 

  354. 	<!-- Footer -->
    355. 

  355. 

  356. 	<footer class="footer">
    357. 

  357. 		<div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/footer.jpg" data-speed="0.8"></div>
    358. 

  358. 		<div class="footer_overlay"></div>
    359. 

  359. 		<div class="container">
    360. 

  360. 			<div class="row">
    361. 

  361. 				<div class="col">
    362. 

  362. 					<div class="footer_content text-center d-flex flex-column align-items-center justify-content-center">
    363. 

  363. 						<div class="footer_logo"><a href="#">Aerobics<span>Fit</span></a></div>
    364. 

  364. 						<div class="footer_contact">
    365. 

  365. 							<ul>
    366. 

  366. 								<li>
    367. 

  367. 									<div class="footer_contact_title">Address:</div>
    368. 

  368. 									<div class="footer_contact_text">481 Creekside Lane Avila CA 93424</div>
    369. 

  369. 								</li>
    370. 

  370. 								<li>
    371. 

  371. 									<div class="footer_contact_title">Phone:</div>
    372. 

  372. 									<div class="footer_contact_text">+53 345 7953 32453</div>
    373. 

  373. 								</li>
    374. 

  374. 								<li>
    375. 

  375. 									<div class="footer_contact_title">Email:</div>
    376. 

  376. 									<div class="footer_contact_text">yourmail@gmail.com</div>
    377. 

  377. 								</li>
    378. 

  378. 							</ul>
    379. 

  379. 						</div>
    380. 

  380. 						<div class="social footer_social">
    381. 

  381. 							<ul class="d-flex flex-row align-items-center justify-content-start">
    382. 

  382. 								<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
    383. 

  383. 								<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
    384. 

  384. 								<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
    385. 

  385. 								<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
    386. 

  386. 								<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
    387. 

  387. 							</ul>
    388. 

  388. 						</div>
    389. 

  389. 						<nav class="footer_nav">
    390. 

  390. 							<ul class="d-flex flex-row align-items-center justify-content-start">
    391. 

  391. 								<li><a href="index.html">Home</a></li>
    392. 

  392. 								<li><a href="about.html">About us</a></li>
    393. 

  393. 								<li><a href="services.html">Services</a></li>
    394. 

  394. 								<li><a href="blog.html">News</a></li>
    395. 

  395. 								<li><a href="contact.html">Contact</a></li>
    396. 

  396. 							</ul>
    397. 

  397. 						</nav>
    398. 

  398. 					</div>
    399. 

  399. 					<div class="copyright d-flex flex-row align-items-center justify-content-center">
    400. 

  400. Copyright &copy;<script>document.write(new Date().getFullYear());</script> Colorlib  All rights reserved | More Templates <a href="https://shop194286523.taobao.com/" target="_blank" title="狮王素材">狮王素材</a> - Collect from <a href="https://shop194286523.taobao.com/" title="狮王素材" target="_blank">狮王素材</a>v>
    401. 

  401. 			</div>
    402. 

  402. 		</div>
    403. 

  403. 	</footer>
    404. 

  404. </div>
    405. 

  405. 

  406. <script src="js/jquery-3.2.1.min.js"></script>
    407. 

  407. <script src="styles/bootstrap-4.1.2/popper.js"></script>
    408. 

  408. <script src="styles/bootstrap-4.1.2/bootstrap.min.js"></script>
    409. 

  409. <script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
    410. 

  410. <script src="plugins/easing/easing.js"></script>
    411. 

  411. <script src="plugins/parallax-js-master/parallax.min.js"></script>
    412. 

  412. <script src="js/about.js"></script>
    413. 

  413. </body>
    414. 

  414. </html>
    415.