Home Esplora Aiuto
Registrati Accedi
didong
/
technician
2
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Albero (Tree): cc37d3cd14
Rami (Branch) Tag
technician
/
public
/
blog.html

blog.html 13 KB
Cronologia Originale

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325 
  1. <!DOCTYPE html>
    2. 

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

  3. <head>
    4. 

  4. <title>Blog</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/blog.css">
    15. 

  15. <link rel="stylesheet" type="text/css" href="styles/blog_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><a href="about.html">About us</a></li>
    33. 

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

  34. 								<li class="active"><a href="#">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/blog.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">News</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>News</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. 	<!-- Blog -->
    103. 

  103. 

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

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

  106. 			<div class="row">
    107. 

  107. 

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

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

  110. 					
    111. 

  111. 					<!-- Blog Post -->
    112. 

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

  113. 						<div class="blog_post_image">
    114. 

  114. 							<img src="images/blog_1.jpg" alt="https://unsplash.com/@marion_michele">
    115. 

  115. 							<div class="news_icon d-flex flex-column align-items-center justify-content-center">
    116. 

  116. 								<div class="news_date text-center">
    117. 

  117. 									<div class="news_day">08</div>
    118. 

  118. 									<div class="news_month">June</div>
    119. 

  119. 								</div>
    120. 

  120. 							</div>
    121. 

  121. 						</div>
    122. 

  122. 						<div class="blog_post_content">
    123. 

  123. 							<div class="news_title"><a href="blog.html">10 Tips to get a Summer Body</a></div>
    124. 

  124. 							<div class="news_info d-flex flex-row align-items-center justify-content-start">
    125. 

  125. 								<div class="news_author">by <a href="#">Maria Williams</a></div>
    126. 

  126. 								<div class="news_comments"><a href="#">3 Comments</a></div>
    127. 

  127. 							</div>
    128. 

  128. 							<div class="news_text">
    129. 

  129. 								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque. 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.</p>
    130. 

  130. 							</div>
    131. 

  131. 						</div>
    132. 

  132. 					</div>
    133. 

  133. 

  134. 					<!-- Blog Post -->
    135. 

  135. 					<div class="blog_post">
    136. 

  136. 						<div class="blog_post_image">
    137. 

  137. 							<img src="images/blog_2.jpg" alt="https://unsplash.com/search/photos/form">
    138. 

  138. 							<div class="news_icon d-flex flex-column align-items-center justify-content-center">
    139. 

  139. 								<div class="news_date text-center">
    140. 

  140. 									<div class="news_day">08</div>
    141. 

  141. 									<div class="news_month">June</div>
    142. 

  142. 								</div>
    143. 

  143. 							</div>
    144. 

  144. 						</div>
    145. 

  145. 						<div class="blog_post_content">
    146. 

  146. 							<div class="news_title"><a href="blog.html">The Miami Yoga Retreat</a></div>
    147. 

  147. 							<div class="news_info d-flex flex-row align-items-center justify-content-start">
    148. 

  148. 								<div class="news_author">by <a href="#">Maria Williams</a></div>
    149. 

  149. 								<div class="news_comments"><a href="#">3 Comments</a></div>
    150. 

  150. 							</div>
    151. 

  151. 							<div class="news_text">
    152. 

  152. 								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque. 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.</p>
    153. 

  153. 							</div>
    154. 

  154. 						</div>
    155. 

  155. 					</div>
    156. 

  156. 

  157. 					<!-- Blog Post -->
    158. 

  158. 					<div class="blog_post">
    159. 

  159. 						<div class="blog_post_image">
    160. 

  160. 							<img src="images/blog_3.jpg" alt="https://unsplash.com/@markadriane">
    161. 

  161. 							<div class="news_icon d-flex flex-column align-items-center justify-content-center">
    162. 

  162. 								<div class="news_date text-center">
    163. 

  163. 									<div class="news_day">08</div>
    164. 

  164. 									<div class="news_month">June</div>
    165. 

  165. 								</div>
    166. 

  166. 							</div>
    167. 

  167. 						</div>
    168. 

  168. 						<div class="blog_post_content">
    169. 

  169. 							<div class="news_title"><a href="blog.html">5 Diets you need to know</a></div>
    170. 

  170. 							<div class="news_info d-flex flex-row align-items-center justify-content-start">
    171. 

  171. 								<div class="news_author">by <a href="#">Maria Williams</a></div>
    172. 

  172. 								<div class="news_comments"><a href="#">3 Comments</a></div>
    173. 

  173. 							</div>
    174. 

  174. 							<div class="news_text">
    175. 

  175. 								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque. 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.</p>
    176. 

  176. 							</div>
    177. 

  177. 						</div>
    178. 

  178. 					</div>
    179. 

  179. 					
    180. 

  180. 					<!-- Page Nav -->
    181. 

  181. 					<div class="page_nav">
    182. 

  182. 						<ul class="d-flex flex-row align-items-start justify-content-start">
    183. 

  183. 							<li class="active"><a href="#">01</a></li>
    184. 

  184. 							<li><a href="#">02</a></li>
    185. 

  185. 							<li><a href="#">03</a></li>
    186. 

  186. 						</ul>
    187. 

  187. 					</div>
    188. 

  188. 				</div>
    189. 

  189. 

  190. 				<!-- Blog Sidebar -->
    191. 

  191. 				<div class="col-lg-3 sidebar_col">
    192. 

  192. 					<div class="sidebar">
    193. 

  193. 

  194. 						<!-- Recent Posts -->
    195. 

  195. 						<div class="sidebar_section">
    196. 

  196. 							<div class="sidebar_title_container">
    197. 

  197. 								<div class="sidebar_title">Recent Posts</div>
    198. 

  198. 								<div></div>
    199. 

  199. 							</div>
    200. 

  200. 							<div class="recent_posts">
    201. 

  201. 								<ul class="sidebar_list">
    202. 

  202. 									<li><a href="#">Integer fringilla eros quis</a></li>
    203. 

  203. 									<li><a href="#">Tincidunt. Integer consectetur</a></li>
    204. 

  204. 									<li><a href="#">Et mi aliquam, non malesuada</a></li>
    205. 

  205. 									<li><a href="#">Rhoncus. Proin libero libero</a></li>
    206. 

  206. 									<li><a href="#">El blandit non, consectetur</a></li>
    207. 

  207. 								</ul>
    208. 

  208. 							</div>
    209. 

  209. 						</div>
    210. 

  210. 

  211. 						<!-- Archives -->
    212. 

  212. 						<div class="sidebar_section">
    213. 

  213. 							<div class="sidebar_title_container">
    214. 

  214. 								<div class="sidebar_title">Archives</div>
    215. 

  215. 								<div></div>
    216. 

  216. 							</div>
    217. 

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

  218. 								<ul class="sidebar_list">
    219. 

  219. 									<li><a href="#">June 2018</a></li>
    220. 

  220. 									<li><a href="#">May 2018</a></li>
    221. 

  221. 									<li><a href="#">April 2018</a></li>
    222. 

  222. 									<li><a href="#">March 2018</a></li>
    223. 

  223. 								</ul>
    224. 

  224. 							</div>
    225. 

  225. 						</div>
    226. 

  226. 

  227. 						<!-- Categories -->
    228. 

  228. 						<div class="sidebar_section">
    229. 

  229. 							<div class="sidebar_title_container">
    230. 

  230. 								<div class="sidebar_title">Categories</div>
    231. 

  231. 								<div></div>
    232. 

  232. 							</div>
    233. 

  233. 							<div class="categories">
    234. 

  234. 								<ul class="sidebar_list">
    235. 

  235. 									<li><a href="#">Fitness</a></li>
    236. 

  236. 									<li><a href="#">Health & Living</a></li>
    237. 

  237. 									<li><a href="#">Events</a></li>
    238. 

  238. 									<li><a href="#">Uncategorized</a></li>
    239. 

  239. 								</ul>
    240. 

  240. 							</div>
    241. 

  241. 						</div>
    242. 

  242. 

  243. 						<!-- Offer -->
    244. 

  244. 						<div class="sidebar_section">
    245. 

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

  246. 								<a href="#">
    247. 

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

  248. 										<div class="background_image" style="background-image:url(images/offer.jpg)"></div>
    249. 

  249. 										<div class="offer_b">Summer Offer</div>
    250. 

  250. 										<div class="offer_box text-center">
    251. 

  251. 											<div class="offer_box_subtitle text-lg-right">Join Now and get a</div>
    252. 

  252. 											<div class="offer_box_title">20% Discount</div>
    253. 

  253. 										</div>
    254. 

  254. 									</div>
    255. 

  255. 								</a>
    256. 

  256. 							</div>
    257. 

  257. 						</div>
    258. 

  258. 

  259. 					</div>
    260. 

  260. 				</div>
    261. 

  261. 			</div>
    262. 

  262. 		</div>
    263. 

  263. 	</div>
    264. 

  264. 

  265. 	<!-- Footer -->
    266. 

  266. 

  267. 	<footer class="footer">
    268. 

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

  269. 		<div class="footer_overlay"></div>
    270. 

  270. 		<div class="container">
    271. 

  271. 			<div class="row">
    272. 

  272. 				<div class="col">
    273. 

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

  274. 						<div class="footer_logo"><a href="#">Aerobics<span>Fit</span></a></div>
    275. 

  275. 						<div class="footer_contact">
    276. 

  276. 							<ul>
    277. 

  277. 								<li>
    278. 

  278. 									<div class="footer_contact_title">Address:</div>
    279. 

  279. 									<div class="footer_contact_text">481 Creekside Lane Avila CA 93424</div>
    280. 

  280. 								</li>
    281. 

  281. 								<li>
    282. 

  282. 									<div class="footer_contact_title">Phone:</div>
    283. 

  283. 									<div class="footer_contact_text">+53 345 7953 32453</div>
    284. 

  284. 								</li>
    285. 

  285. 								<li>
    286. 

  286. 									<div class="footer_contact_title">Email:</div>
    287. 

  287. 									<div class="footer_contact_text">yourmail@gmail.com</div>
    288. 

  288. 								</li>
    289. 

  289. 							</ul>
    290. 

  290. 						</div>
    291. 

  291. 						<div class="social footer_social">
    292. 

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

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

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

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

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

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

  298. 							</ul>
    299. 

  299. 						</div>
    300. 

  300. 						<nav class="footer_nav">
    301. 

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

  302. 								<li><a href="index.html">Home</a></li>
    303. 

  303. 								<li><a href="about.html">About us</a></li>
    304. 

  304. 								<li><a href="services.html">Services</a></li>
    305. 

  305. 								<li><a href="blog.html">News</a></li>
    306. 

  306. 								<li><a href="contact.html">Contact</a></li>
    307. 

  307. 							</ul>
    308. 

  308. 						</nav>
    309. 

  309. 					</div>
    310. 

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

  311. 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>
    312. 

  312. 			</div>
    313. 

  313. 		</div>
    314. 

  314. 	</footer>
    315. 

  315. </div>
    316. 

  316. 

  317. <script src="js/jquery-3.2.1.min.js"></script>
    318. 

  318. <script src="styles/bootstrap-4.1.2/popper.js"></script>
    319. 

  319. <script src="styles/bootstrap-4.1.2/bootstrap.min.js"></script>
    320. 

  320. <script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
    321. 

  321. <script src="plugins/easing/easing.js"></script>
    322. 

  322. <script src="plugins/parallax-js-master/parallax.min.js"></script>
    323. 

  323. <script src="js/blog.js"></script>
    324. 

  324. </body>
    325. 

  325. </html>
    326.