PageRenderTime 57ms CodeModel.GetById 25ms RepoModel.GetById 0ms app.codeStats 0ms

/public/about.html

https://gitlab.com/rezaul007/article_management_system
HTML | 341 lines | 299 code | 12 blank | 30 comment | 0 complexity | c483aeebbcbffd52486f217cfb5542de MD5 | raw file
    

  1. <!--
    2. 

  2. Author: W3layouts
    3. 

  3. Author URL: http://w3layouts.com
    4. 

  4. License: Creative Commons Attribution 3.0 Unported
    5. 

  5. License URL: http://creativecommons.org/licenses/by/3.0/
    6. 

  6. -->
    7. 

  7. <!DOCTYPE html>
    8. 

  8. <html>
    9. 

  9. 

  10. <!-- Mirrored from p.w3layouts.com/demos/quickly/web/about.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 05 Jun 2016 06:52:42 GMT -->
    11. 

  11. <head>
    12. 

  12. <title>Quickly a Blogging Category Flat Bootstrap Responsive Website Template | About :: w3layouts</title>
    13. 

  13. <!-- for-mobile-apps -->
    14. 

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

  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    16. 

  16. <meta name="keywords" content="Quickly Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
    17. 

  17. Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    18. 

  18. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    19. 

  19. 		function hideURLbar(){ window.scrollTo(0,1); } </script>
    20. 

  20. <!-- //for-mobile-apps -->
    21. 

  21. <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    22. 

  22. <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    23. 

  23. <!-- js -->
    24. 

  24. <script src="js/jquery-1.11.1.min.js"></script>
    25. 

  25. <!-- //js -->
    26. 

  26. <!-- start-smoth-scrolling -->
    27. 

  27. <script type="text/javascript" src="js/move-top.html"></script>
    28. 

  28. <script type="text/javascript" src="js/easing.html"></script>
    29. 

  29. <script type="text/javascript">
    30. 

  30. 	jQuery(document).ready(function($) {
    31. 

  31. 		$(".scroll").click(function(event){		
    32. 

  32. 			event.preventDefault();
    33. 

  33. 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
    34. 

  34. 		});
    35. 

  35. 	});
    36. 

  36. </script>
    37. 

  37. <!-- start-smoth-scrolling -->
    38. 

  38. </head>
    39. 

  39. 	
    40. 

  40. <body>
    41. 

  41. <script>
    42. 

  42.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    43. 

  43.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    44. 

  44.   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    45. 

  45.   })(window,document,'script','../../../../www.google-analytics.com/analytics.js','ga');
    46. 

  46. ga('create', 'UA-30027142-1', 'w3layouts.com');
    47. 

  47.   ga('send', 'pageview');
    48. 

  48. </script>
    49. 

  49. <script async type='text/javascript' src='../../../../cdn.fancybar.net/ac/fancybar6a2f.js?zoneid=1502&amp;serve=C6ADVKE&amp;placement=w3layouts' id='_fancybar_js'></script>
    50. 

  50. 

  51. 

  52. <!-- banner-body -->
    53. 

  53. 	<div class="banner-body abt">
    54. 

  54. 		<div class="container">
    55. 

  55. <!-- header -->
    56. 

  56. 			<div class="header">
    57. 

  57. 				<div class="header-nav">
    58. 

  58. 					<nav class="navbar navbar-default">
    59. 

  59. 						<!-- Brand and toggle get grouped for better mobile display -->
    60. 

  60. 						<div class="navbar-header">
    61. 

  61. 						  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    62. 

  62. 							<span class="sr-only">Toggle navigation</span>
    63. 

  63. 							<span class="icon-bar"></span>
    64. 

  64. 							<span class="icon-bar"></span>
    65. 

  65. 							<span class="icon-bar"></span>
    66. 

  66. 						  </button>
    67. 

  67. 						   <a class="navbar-brand" href="index.html"><span>Q</span>uickly</a>
    68. 

  68. 						</div>
    69. 

  69. 

  70. 						<!-- Collect the nav links, forms, and other content for toggling -->
    71. 

  71. 						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
    72. 

  72. 						 <ul class="nav navbar-nav">
    73. 

  73. 							<li class="hvr-bounce-to-bottom"><a href="index.html">Home</a></li>
    74. 

  74. 							<li class="hvr-bounce-to-bottom active"><a href="about.html">About</a></li>
    75. 

  75. 							<li class="hvr-bounce-to-bottom"><a href="portfolio.html">Portfolio</a></li>
    76. 

  76. 							<li class="hvr-bounce-to-bottom"><a href="pages.html">Pages</a></li>
    77. 

  77. 							<li class="hvr-bounce-to-bottom"><a href="contact.html">Contact Us</a></li>
    78. 

  78. 						  </ul>
    79. 

  79. 						  <div class="sign-in">
    80. 

  80. 							<ul>
    81. 

  81. 								<li><a href="login.html">Sign In </a>/</li>
    82. 

  82. 								<li><a href="register.html">Register</a></li>
    83. 

  83. 							</ul>
    84. 

  84. 							</div>
    85. 

  85. 						</div><!-- /.navbar-collapse -->
    86. 

  86. 					</nav>
    87. 

  87. 				</div>
    88. 

  88. 	
    89. 

  89. 			<!-- search-scripts -->
    90. 

  90. 			<script src="js/classie.html"></script>
    91. 

  91. 			<script src="js/uisearch.html"></script>
    92. 

  92. 				<script>
    93. 

  93. 					new UISearch( document.getElementById( 'sb-search' ) );
    94. 

  94. 				</script>
    95. 

  95. 			<!-- //search-scripts -->
    96. 

  96. 			</div>
    97. 

  97. <!-- //header -->
    98. 

  98. <!---728x90--->
    99. 

  99. <div style="text-align: center;"><script async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
    100. 

  100. <ins class="adsbygoogle"
    101. 

  101.      style="display:inline-block;width:728px;height:90px"
    102. 

  102.      data-ad-client="ca-pub-9153409599391170"
    103. 

  103.      data-ad-slot="6850850687"></ins>
    104. 

  104. <script>
    105. 

  105. (adsbygoogle = window.adsbygoogle || []).push({});
    106. 

  106. </script></div>
    107. 

  107. <!-- about-page -->
    108. 

  108. 	<div class="about">
    109. 

  109. 			<div class="about-text">
    110. 

  110. 				<h3>About Us</h3>
    111. 

  111. 			</div>	
    112. 

  112. 			<div class="about-info">
    113. 

  113. 				<h4>Lorem Ipsum is not simply random text. It has roots in a piece of classical</h4>
    114. 

  114. 				<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised 
    115. 

  115. 					words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
    116. 

  116. 				<div class="col-md-5 about-info-left">
    117. 

  117. 					<img src="images/10-.jpg" alt=""/>
    118. 

  118. 				</div>
    119. 

  119. 				<div class="col-md-7 about-info-right">
    120. 

  120. 					<h4>piece of classical Lorem Ipsum </h4>
    121. 

  121. 					<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here'
    122. 

  122. 					There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, <span>by injected humour,  to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, 
    123. 

  123. 					or randomised words which don't look even slightly believable.Lorem Ipsum available, but the majority</span> have suffered alteration in some form, by injected humour.</p>
    124. 

  124. 				</div>
    125. 

  125. 				<div class="clearfix"> </div>
    126. 

  126. 				
    127. 

  127. 			</div>
    128. 

  128. 			<!---728x90--->
    129. 

  129. <div style="text-align: center;"><script async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
    130. 

  130. <ins class="adsbygoogle"
    131. 

  131.      style="display:inline-block;width:728px;height:90px"
    132. 

  132.      data-ad-client="ca-pub-9153409599391170"
    133. 

  133.      data-ad-slot="6850850687"></ins>
    134. 

  134. <script>
    135. 

  135. (adsbygoogle = window.adsbygoogle || []).push({});
    136. 

  136. </script></div>
    137. 

  137. 			<div class="about-grid">
    138. 

  138. 				<div class="col-md-4 about-text-info">
    139. 

  139. 					<h4>Development</h4>
    140. 

  140. 					<h5>nobis est eligendi optio cumque nihil</h5>
    141. 

  141. 					<p class="about-pgh">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour,  to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum </p>
    142. 

  142. 				</div>
    143. 

  143. 				<div class="col-md-4 about-text-info">
    144. 

  144. 					<h4>Our Skills</h4>
    145. 

  145. 					<h5>repudiandae sint et molestiae</h5>
    146. 

  146. 					<p class="about-pgh">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, to generate Lorem Ipsum which looks reasonable or randomised.</p>
    147. 

  147. 				</div>
    148. 

  148. 				<div class="col-md-4 about-text-info">
    149. 

  149. 					<h4>Careers</h4>
    150. 

  150. 					<h5>consequatur aut perferendis doloribus</h5>
    151. 

  151. 					<p class="about-pgh">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some to generate Lorem Ipsum which looks reasonable.</p>
    152. 

  152. 				</div>
    153. 

  153. 				<div class="clearfix"> </div>
    154. 

  154. 			</div>
    155. 

  155. 			<!---728x90--->
    156. 

  156. <div style="text-align: center;"><script async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
    157. 

  157. <ins class="adsbygoogle"
    158. 

  158.      style="display:inline-block;width:728px;height:90px"
    159. 

  159.      data-ad-client="ca-pub-9153409599391170"
    160. 

  160.      data-ad-slot="6850850687"></ins>
    161. 

  161. <script>
    162. 

  162. (adsbygoogle = window.adsbygoogle || []).push({});
    163. 

  163. </script></div>
    164. 

  164. 			<div class="about-team">
    165. 

  165. 				<div class="about-text">
    166. 

  166. 					<h3 class="ind">Our Professionals</h3>
    167. 

  167. 				</div>	
    168. 

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

  169. 					<div class="col-sm-6 col-md-3 about-team-grids">
    170. 

  170. 						<div class="thumbnail">
    171. 

  171. 							<img src="images/15.jpg" alt="" class="img-responsive" />
    172. 

  172. 							<div class="caption">
    173. 

  173. 								<h4><a href="#">Eligendieos</a></h4>
    174. 

  174. 								<p>vero eos et accusamus et iusto odio dignissimos ducimus</p>
    175. 

  175. 							</div>
    176. 

  176. 						</div>
    177. 

  177. 					</div>
    178. 

  178. 					<div class="col-sm-6 col-md-3 about-team-grids">
    179. 

  179. 						<div class="thumbnail">
    180. 

  180. 							<img src="images/16.jpg" alt="" class="img-responsive" />
    181. 

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

  182. 								<h4><a href="#">Dignissimos</a></h4>
    183. 

  183. 								<p>vero eos et accusamus et iusto odio dignissimos ducimus</p>
    184. 

  184. 							</div>
    185. 

  185. 						</div>
    186. 

  186. 					</div>
    187. 

  187. 					<div class="col-sm-6 col-md-3 about-team-grids">
    188. 

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

  189. 							<img src="images/17.jpg" alt="" class="img-responsive" />
    190. 

  190. 							<div class="caption">
    191. 

  191. 								<h4><a href="#">Accusamus Et Iusto</a></h4>
    192. 

  192. 								<p>vero eos et accusamus et iusto odio dignissimos ducimus</p>
    193. 

  193. 							</div>
    194. 

  194. 						</div>
    195. 

  195. 					</div>
    196. 

  196. 					<div class="col-sm-6 col-md-3 about-team-grids">
    197. 

  197. 						<div class="thumbnail">
    198. 

  198. 							<img src="images/18.jpg" alt=""class="img-responsive" />
    199. 

  199. 							<div class="caption">
    200. 

  200. 								<h4><a href="#">Dignissimos Ducimus</a></h4>
    201. 

  201. 								<p>vero eos et accusamus et iusto odio dignissimos ducimus</p>
    202. 

  202. 							</div>
    203. 

  203. 						</div>
    204. 

  204. 					</div>
    205. 

  205. 					<div class="clearfix"> </div>
    206. 

  206. 				</div>
    207. 

  207. 			</div>
    208. 

  208. 			<div class="advantages">
    209. 

  209. 				<h3>Our Advantages</h3>
    210. 

  210. 				<div class="advantag-main">
    211. 

  211. 					<div class="advan-top">
    212. 

  212. 						<div class="col-md-6 advantage-left">
    213. 

  213. 							<div class="col-md-4 advan-cup">
    214. 

  214. 								
    215. 

  215. 							</div>
    216. 

  216. 							 <div class="col-md-8 advan-text">
    217. 

  217. 									<h4><a href="single.html">There are variations passage</a></h4>
    218. 

  218. 									<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
    219. 

  219. 							 </div>	
    220. 

  220. 						  <div class="clearfix"> </div>
    221. 

  221. 						</div>
    222. 

  222. 						<div class="col-md-6 advantage-right">
    223. 

  223. 							<div class="col-md-4 advan-ser">
    224. 

  224. 								
    225. 

  225. 							</div>
    226. 

  226. 							 <div class="col-md-8 advan-text">
    227. 

  227. 									<h4><a href="single.html">There are variations passage</a></h4>
    228. 

  228. 									<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
    229. 

  229. 							 </div>	
    230. 

  230. 						  <div class="clearfix"> </div>
    231. 

  231. 						</div>
    232. 

  232. 					<div class="clearfix"> </div>
    233. 

  233. 					</div>
    234. 

  234. 					<div class="advan-bott">
    235. 

  235. 						<div class="col-md-6 advantage-left">
    236. 

  236. 							<div class="col-md-4 advan-mach">
    237. 

  237. 								
    238. 

  238. 							</div>
    239. 

  239. 							 <div class="col-md-8 advan-text">
    240. 

  240. 									<h4><a href="single.html">There are variations passage</a></h4>
    241. 

  241. 									<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
    242. 

  242. 							 </div>	
    243. 

  243. 						  <div class="clearfix"> </div>
    244. 

  244. 						</div>
    245. 

  245. 						<div class="col-md-6 advantage-right">
    246. 

  246. 							<div class="col-md-4 advan-tin">
    247. 

  247. 								
    248. 

  248. 							</div>
    249. 

  249. 							 <div class="col-md-8 advan-text">
    250. 

  250. 									<h4><a href="single.html">There are variations passage</a></h4>
    251. 

  251. 									<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
    252. 

  252. 							 </div>	
    253. 

  253. 						  <div class="clearfix"> </div>
    254. 

  254. 						</div>
    255. 

  255. 						<div class="clearfix"> </div>
    256. 

  256. 					</div>
    257. 

  257. 				</div>
    258. 

  258. 			</div>
    259. 

  259. 		</div>
    260. 

  260. <!-- //about-page -->
    261. 

  261. 		</div>
    262. 

  262. 	</div>
    263. 

  263. <!-- footer -->
    264. 

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

  265. 		<div class="container">
    266. 

  266. 			<div class="footer-grids">
    267. 

  267. 				<div class="col-md-3 footer-grid">
    268. 

  268. 					<h3>cumque nihil impedit</h3>
    269. 

  269. 					<div class="footer-grd-left">
    270. 

  270. 						<img src="images/11.jpg" class="img-responsive" alt=" " />
    271. 

  271. 					</div>
    272. 

  272. 					<div class="footer-grd-left">
    273. 

  273. 						<p>Nam libero tempore, cum 
    274. 

  274. 							soluta nobis est eligendi optio cumque nihil impedit quo minus 
    275. 

  275. 							id quod maxime placeat facere possimus, omnis voluptas assumenda 
    276. 

  276. 							est, omnis dolor repellendus</p>
    277. 

  277. 					</div>
    278. 

  278. 					<div class="clearfix"> </div>
    279. 

  279. 				</div>
    280. 

  280. 				<div class="col-md-3 footer-grid">
    281. 

  281. 					<h3>voluptas assumenda</h3>
    282. 

  282. 					<ul>
    283. 

  283. 						<li><a href="#">doloribus asperiores</a></li>
    284. 

  284. 						<li><a href="#">Itaque earum rerum</a></li>
    285. 

  285. 						<li><a href="#">deserunt mollitia</a></li>
    286. 

  286. 						<li><a href="#">facilis est et expedita</a></li>
    287. 

  287. 						<li><a href="#">occaecati cupiditate</a></li>
    288. 

  288. 						<li><a href="#">deserunt mollitia laborum</a></li>
    289. 

  289. 					</ul>
    290. 

  290. 				</div>
    291. 

  291. 				<div class="col-md-3 footer-grid">
    292. 

  292. 					<h3>deserunt mollitia</h3>
    293. 

  293. 					<ul>
    294. 

  294. 						<li><a href="#">doloribus asperiores</a></li>
    295. 

  295. 						<li><a href="#">Itaque earum rerum</a></li>
    296. 

  296. 						<li><a href="#">deserunt mollitia</a></li>
    297. 

  297. 						<li><a href="#">facilis est et expedita</a></li>
    298. 

  298. 						<li><a href="#">occaecati cupiditate</a></li>
    299. 

  299. 						<li><a href="#">deserunt mollitia laborum</a></li>
    300. 

  300. 					</ul>
    301. 

  301. 				</div>
    302. 

  302. 				<div class="col-md-3 footer-grid">
    303. 

  303. 					<h3>Flckr Posts</h3>
    304. 

  304. 					<div class="footer-grd">
    305. 

  305. 						<img src="images/7.jpg" class="img-responsive" alt=" " />
    306. 

  306. 					</div>
    307. 

  307. 					<div class="footer-grd">
    308. 

  308. 						<img src="images/8.jpg" class="img-responsive" alt=" " />
    309. 

  309. 					</div>
    310. 

  310. 					<div class="footer-grd">
    311. 

  311. 						<img src="images/9.jpg" class="img-responsive" alt=" " />
    312. 

  312. 					</div>
    313. 

  313. 					<div class="clearfix"> </div>
    314. 

  314. 					<div class="footer-grd">
    315. 

  315. 						<img src="images/10.jpg" class="img-responsive" alt=" " />
    316. 

  316. 					</div>
    317. 

  317. 					<div class="footer-grd">
    318. 

  318. 						<img src="images/7.jpg" class="img-responsive" alt=" " />
    319. 

  319. 					</div>
    320. 

  320. 					<div class="footer-grd">
    321. 

  321. 						<img src="images/8.jpg" class="img-responsive" alt=" " />
    322. 

  322. 					</div>
    323. 

  323. 					<div class="clearfix"> </div>
    324. 

  324. 				</div>
    325. 

  325. 				<div class="clearfix"> </div>
    326. 

  326. 			</div>
    327. 

  327. 		</div>
    328. 

  328. 	</div>
    329. 

  329. 	<div class="footer-bottom">
    330. 

  330. 		<div class="container">
    331. 

  331. 			<p>© 2015 Quickly. All rights reserved | Design by <a href="http://w3layouts.com/"> W3layouts</a></p>
    332. 

  332. 		</div>
    333. 

  333. 	</div>
    334. 

  334. <!-- //footer -->
    335. 

  335. <!-- for bootstrap working -->
    336. 

  336. 		<script src="js/bootstrap.js"> </script>
    337. 

  337. <!-- //for bootstrap working -->
    338. 

  338. </body>
    339. 

  339. 

  340. <!-- Mirrored from p.w3layouts.com/demos/quickly/web/about.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 05 Jun 2016 06:52:46 GMT -->
    341. 

  341. </html>
    342. 

  342.