API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 9th, 2015
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.  
  3. /* @var $this \yii\web\View */
  4. /* @var $content string */
  5.  
  6. use yii\helpers\Html;
  7. use frontend\assets\AppAsset;
  8. use common\widgets\Alert;
  9.  
  10. $asset = frontend\assets\AppAsset::register($this);
  11. $baseUrl = $asset->baseUrl;
  12. ?>
  13. <?php $this->beginPage() ?>
  14. <!DOCTYPE html>
  15. <html lang="<?= Yii::$app->language ?>">
  16. <head>
  17. <meta charset="<?= Yii::$app->charset ?>">
  18. <meta name="viewport" content="width=device-width, initial-scale=1">
  19. <?= Html::csrfMetaTags() ?>
  20. <title><?= Html::encode($this->title) ?></title>
  21. <?php $this->head() ?>
  22. </head>
  23. <body class "homepage">
  24. <?php $this->beginBody() ?>
  25.  
  26. <header class="top-header">
  27. <div class="container">
  28. <div class="row">
  29. <div class="col-md-3 col-xs-5 col-sm-4 header-logo">
  30. <br>
  31. <div id="logo"><a href="#"><img src="<?$baseUlr?>/assets/images/han.gif" alt="Logo here" /></a></div>
  32. </div>
  33.  
  34. <div class="col-md-8 col-md-offset-1 col-xs-7">
  35. <nav class="navbar navbar-default">
  36. <div class="container-fluid nav-bar">
  37. <!-- Brand and toggle get grouped for better mobile display -->
  38. <div class="navbar-header">
  39. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  40. <span class="sr-only">Toggle navigation</span>
  41. <span class="icon-bar"></span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-bar"></span>
  44. </button>
  45. </div>
  46. <!-- Collect the nav links, forms, and other content for toggling -->
  47. <div class="collapse navbar-collapse navbar-def" id="bs-example-navbar-collapse-1">
  48.  
  49. <ul class="nav navbar-nav navbar-right">
  50. <li>
  51. <a href="#wrapper"><i class="fa fa-home"></i> Home</a>
  52. </li>
  53. <li>
  54. <a href="#about"><i class="fa fa-bookmark"></i> About</a>
  55. </li>
  56. <li>
  57. <a href="#testimonials"><i class="fa fa-thumbs-up"></i> Teacher</a>
  58. </li>
  59. <li>
  60. <a href="#services"><i class="fa fa-tasks"></i>Members</a>
  61. </li>
  62. <li>
  63. <a href="#portfolio"><i class="fa fa-bookmark"></i> Works</a>
  64. </li>
  65.  
  66. <li class="dropdown">
  67. <a href="" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <strong class="caret"></strong></a>
  68. <ul class="dropdown-menu">
  69.  
  70. <li>
  71. <a href="login.php"><i class="fa fa-edit"></i> login</a>
  72. </li>
  73.  
  74. </ul>
  75. </li>
  76.  
  77. </ul>
  78. </div><!-- /navbar-collapse -->
  79. </div><!-- / .container-fluid -->
  80. </nav>
  81. </div>
  82. </div>
  83. </div>
  84. </header>
  85. <div id="wrapper">
  86.  
  87. <div id="header" class="content-block">
  88. <!-- <section class="top clearfix">
  89. <div class="pull-left">
  90. <h1><a class="logo" href="index.html">Avada <span class="logo-head">Plus</span></a></h1>
  91. </div>
  92. <! <div class="pull-right">
  93. <a class="toggleDrawer" href="#"><i class="fa fa-bars fa-2x"></i></a>
  94. </div> -->
  95. </section>
  96. <section class="center">
  97. <div class="slogan">
  98. HANUSOFT
  99. </div>
  100. <div class="secondary-slogan">
  101. falculty of information technology
  102. </div>
  103. </section>
  104. </div>
  105. <!-- header -->
  106.  
  107. <!-- About us -->
  108. <div id="about" class="about-us">
  109. <div class="container about-sec">
  110. <header class="block-heading cleafix">
  111. <div class="title-page">
  112. <p class="main-header">About us</p>
  113. <p class="sub-header">Make sure you know about us</p>
  114. </div>
  115. </header>
  116. <div class="content">
  117.  
  118. <ul class="ca-menu">
  119. <li>
  120. <a href="#">
  121. <span class="ca-icon">A</span>
  122. <div class="ca-content">
  123. <h2 class="ca-main">Exceptional Service</h2>
  124. <h3 class="ca-sub">Personalized to your needs</h3>
  125. </div>
  126. </a> </li>
  127. <li>
  128. <a href="#">
  129. <span class="ca-icon">I</span>
  130. <div class="ca-content">
  131. <h2 class="ca-main">Creative Storytelling</h2>
  132. <h3 class="ca-sub">Advanced use of technology</h3>
  133. </div>
  134. </a> </li>
  135. <li>
  136. <a href="#">
  137. <span class="ca-icon">C</span>
  138. <div class="ca-content">
  139. <h2 class="ca-main">Infographical Education</h2>
  140. <h3 class="ca-sub">Understanding visually</h3>
  141. </div>
  142. </a> </li>
  143. <li>
  144. <a href="#">
  145. <span class="ca-icon">S</span>
  146. <div class="ca-content">
  147. <h2 class="ca-main">Sophisticated Team</h2>
  148. <h3 class="ca-sub">Professionals in action</h3>
  149. </div>
  150. </a>
  151. </li>
  152. </ul>
  153. </div>
  154. </div>
  155. <!-- /teacher -->
  156.  
  157. <div class="content-block" id="testimonials">
  158. <div class="container testimonial-sec">
  159.  
  160. <header class="block-heading cleafix">
  161. <div class="title-page pull-left">
  162. <p class="main-header">Teacher</p>
  163. <p class="sub-header">What they says</p>
  164. </div>
  165. </header>
  166.  
  167. <section class="block-body">
  168. <div class="row">
  169. <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  170. <!-- Indicators -->
  171. <ol class="carousel-indicators">
  172. <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  173. <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  174. <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  175. </ol>
  176.  
  177.  
  178. <!-- Wrapper for slides -->
  179. <div class="carousel-inner" role="listbox">
  180. <div class="item active">
  181. <div class="img-center">
  182. <img class="img-circle circular-img" src="assets/images/img3.jpg">
  183. </div>
  184. <h1>Mr. Trinh Bao Ngoc</h1>
  185. <h3>Create a website that you are gonna be proud of.
  186. </h3>
  187.  
  188. </div>
  189. <div class="item">
  190. <div class="img-center">
  191. <img class="img-circle circular-img" src="assets/images/img2.jpg">
  192. </div>
  193. <h1>Mr. Nguyen Van Cong</h1>
  194. <h3>Practice make perfect !!! </h3>
  195.  
  196. </div>
  197. <div class="item">
  198. <div class="img-center">
  199. <img class="img-circle circular-img" src="assets/images/img1.jpg">
  200. </div>
  201. <h1>Mr. Vu Minh Tuan </h1>
  202. <h3> Yay! just code it your way .
  203. </h3>
  204.  
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </section>
  210. </div>
  211. </div><!-- /#member -->
  212. <div class="content-block parallax" id="services">
  213. <div class="container services-sec">
  214. <a href="all-users.php" class="btn btn-o btn-lg pull-right">View All</a>
  215.  
  216. <div class="title-page">
  217. <p class="main-header">Our Members </p>
  218. <p class="sub-header">Yolo</p>
  219.  
  220. </div>
  221. <div>
  222. <center><img src="assets/images/member.jpg" alt=""></center>
  223. </div>
  224. </div>
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231. </div>
  232. </div><!-- #members -->
  233.  
  234.  
  235. <div class="content-block" id="portfolio">
  236. <div class="container portfolio-sec">
  237. <header class="block-heading cleafix">
  238. <a href="#" class="btn btn-o btn-lg pull-right">View All</a>
  239. <div class="title-page">
  240. <p class="main-header">Our Latest Works </p>
  241. <p class="sub-header">Take a look at some of our recent works</p>
  242. </div>
  243. </header>
  244. <section class="block-body">
  245. <div class="row">
  246.  
  247. <div class="col-sm-4">
  248. <a href="" class="recent-work" style="background-image:url(assets/images/bike-320x240.jpg)">
  249. <span class="btn btn-o-white">Groups</span>
  250. </a>
  251. </div>
  252. <div class="col-sm-4">
  253. <a href="#" class="recent-work" style="background-image:url(assets/images/six_1-320x240.jpg)">
  254. <span class="btn btn-o-white">Projects</span>
  255. </a>
  256. </div>
  257. </div>
  258. </section>
  259. </div>
  260. </div><!-- #portfolio -->
  261.  
  262.  
  263.  
  264. <div class="content-block" id="blog">
  265. <div class="container blog-sec">
  266. <header class="block-heading cleafix">
  267. <a href="create_member.php" class="btn btn-o btn-lg pull-right">View All</a>
  268. <div class="title-page">
  269. <p class="main-header">From the Blog</p>
  270. <p class="sub-header">Keep up with the latest happenings.</p>
  271. </div>
  272. </header>
  273. <section class="block-body">
  274. <div class="row">
  275. <div class="col-sm-4 blog-post">
  276. <img src="assets/images/bike_water1-1000x600.jpg">
  277. <a href="#"><h2>Design Your Mind</h2></a>
  278. <div class="date">3 Nov, 2014</div>
  279. <p>In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis, vulputate nunc nec, sodales nibh. Etiam nulla magna, gravida eget ultricies sit amet, hendrerit in lorem.</p>
  280. <a href="">Read More</a>
  281. </div>
  282. <div class="col-sm-4 blog-post">
  283. <img src="assets/images/mac_glasses1-1000x600.jpg">
  284. <a href="#"><h2>Winter Is Comming</h2></a>
  285. <div class="date">3 Nov, 2014</div>
  286. <p>In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis, vulputate nunc nec, sodales nibh. Etiam nulla magna, gravida eget ultricies sit amet, hendrerit in lorem.</p>
  287. <a href="">Read More</a>
  288. </div>
  289. <div class="col-sm-4 blog-post">
  290. <img src="assets/images/road-1000x600.jpg">
  291. <a href="#"><h2>The Illustration</h2></a>
  292. <div class="date">3 Nov, 2014</div>
  293. <p>In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis, vulputate nunc nec, sodales nibh. Etiam nulla magna, gravida eget ultricies sit amet, hendrerit in lorem.</p>
  294. <a href="">Read More</a>
  295. </div>
  296. </div>
  297. </section>
  298. </div>
  299. </div><!-- #blog -->
  300.  
  301.  
  302. <div class="content-block parallax" id="parallax">
  303. <div class="container">
  304. <h3 class="call-action pull-left">In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis.</h3>
  305. <a href="#" class="pull-right btn btn-o-white btn-lg">Get a free quote</a>
  306. </div>
  307. </div><!-- #parallax -->
  308.  
  309.  
  310. <div class="content-block" id="footer">
  311. <div class="container">
  312. <div class="row">
  313. <div class="col-sm-4 blog-post">
  314.  
  315. <h2 class="footer-block">Have a question</h2>
  316. <p>Praesent lacinia dapibus, accumsan vesti bulum. Pellen tesque molestie mollis.</p>
  317.  
  318. <p>Mauris nec ligula dui, fermentum nisl ut magna dolor, rhoncus wisi. In lacus sagittis luctus, nisl eros, sit amet tempor et, accumsan eget, pede. Suspendisse est. Ut rhoncus eu, pede. Vestibulum ante ipsum dolor lorem, iaculis mi. Pellentesque eu urna eget dolor. Duis luctus a, dolor. Duis ac sapien.
  319. </p>
  320.  
  321. <p>Estibulum dapibus, maurimalesfames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus ultricies gravida vitae...</p>
  322. </div>
  323. <div class="col-sm-4 blog-post">
  324. <h2 class="footer-block">Leave us a message</h2>
  325. <form class="" role="form">
  326. <div class="form-group">
  327. <input type="text" class="form-control form-control-white" id="subject" placeholder="Your Name" required>
  328. </div>
  329. <div class="form-group">
  330. <input type="email" class="form-control form-control-white" id="exampleInputEmail2" placeholder="Enter email" required>
  331. </div>
  332. <div class="form-group">
  333. <textarea class="form-control form-control-white" placeholder="Write Something" required></textarea>
  334. </div>
  335. <div class="form-group">
  336. <input type="submit" class="text-center btn btn-o-white" value="Say Hello">
  337. </div>
  338. </form>
  339. </div>
  340. <div class="col-sm-4 blog-post">
  341.  
  342. <h2 class="footer-block">Contact Details</h2>
  343. <ul>
  344. <li class="address-sub"><i class="fa fa-map-marker"></i>Office Address</li>
  345. <p>
  346. Blabla Parkway, P.o Box 353 Mountain View. United States of America.
  347. </p>
  348. <li class="address-sub"><i class="fa fa-phone"></i>Phone</li>
  349. <p>
  350. Local: 1-800-123-hello<br>
  351. Mobile: 1-800-123-hello
  352. </p>
  353. <li class="address-sub"><i class="fa fa-envelope-o"></i>Email Address</li>
  354. <p>
  355. <a href="mailto:info@themewagon.com"></a><br>
  356. <a href="http://www.themewagon.com/"></a>
  357. </p>
  358.  
  359.  
  360. </ul>
  361. <div class="social">
  362. <a href="#"><i class="fa fa-twitter"></i></a>
  363. <a href="#"><i class="fa fa-facebook"></i></a>
  364. <a href="#"><i class="fa fa-instagram"></i></a>
  365. <a href="#"><i class="fa fa-pinterest-p"></i></a>
  366. <a href="#"><i class="fa fa-google-plus"></i></a>
  367. <a href="#"><i class="fa fa-skype"></i></a>
  368. </div>
  369.  
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. <div class="content-block footer-bottom" id="footer">
  375. <div class="container">
  376. <div class="row">
  377. <center><div class="col-xs-6">&copy; Copyright @ 2025 Hanu</div></center>
  378. <div class="col-md-4 hidden-xs text-right">
  379. <h4><a href="#top" id="go-top">Back to top</a></h4>
  380. </div>
  381.  
  382. </div>
  383. </div>
  384. </div><!-- #footer -->
  385.  
  386. </div><!--/#wrapper-->
  387.  
  388.  
  389.  
  390. <?php $this->endBody() ?>
  391. </body>
  392. </html>
  393. <?php $this->endPage() ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!