header.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585
  1. <?php
  2. /**
  3. * The header for our theme
  4. *
  5. * This is the template that displays all of the <head> section and everything up until <div id="content">
  6. *
  7. * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
  8. *
  9. * @package UIU_CSE
  10. */
  11. ?>
  12. <!doctype html>
  13. <html <?php language_attributes(); ?>>
  14. <head>
  15. <meta charset="<?php bloginfo('charset'); ?>">
  16. <meta name="viewport" content="width=device-width, initial-scale=1">
  17. <link rel="profile" href="https://gmpg.org/xfn/11">
  18. <?php wp_head(); ?>
  19. </head>
  20. <body <?php body_class(); ?>>
  21. <?php wp_body_open(); ?>
  22. <div id="page" class="site">
  23. <a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e('Skip to content', 'uiu-cse'); ?></a>
  24. <header id="navbar">
  25. <section id="upper-nav">
  26. <nav class="container-fluid">
  27. <div class="logo-close-menu">
  28. <a class="logo" href="<?php echo get_site_url(); ?>"> <img src="<?php echo (get_header_image()); ?>" alt="<?php echo (get_bloginfo('title')); ?>" /></a>
  29. <a id="menu-bars" class="material-icons">
  30. menu
  31. </a>
  32. </div>
  33. <ul class="upper-menu-link">
  34. <li class="menu-item">
  35. <a class="menu-btn"><span>About</span></a>
  36. <span class="menu-content">
  37. <div class="all-link container">
  38. <div class="extra-item">
  39. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  40. <div class="heading-text">
  41. Research
  42. </div>
  43. <div class="text">
  44. We collect personal information from you so we can provide investment services to you.
  45. </div>
  46. </div>
  47. <div class="link-container">
  48. <ul>
  49. <li><a href="#">Current students overview</a></li>
  50. <li><a href="#">Student portal</a></li>
  51. <li><a href="#">Support and wellbeing</a></li>
  52. <li><a href="#">Student blog</a></li>
  53. <li><a href="#">Examinations</a></li>
  54. </ul>
  55. <ul>
  56. <li><a href="#">Student accommodation</a></li>
  57. <li><a href="#">Careers Service</a></li>
  58. <li><a href="#">Information for Employers</a></li>
  59. <li><a href="#">Request a transcript</a></li>
  60. <li><a href="#">BLOOM @ Senate House</a></li>
  61. </ul>
  62. </div>
  63. </div>
  64. </span>
  65. </li>
  66. <li class="menu-item">
  67. <a class="menu-btn"><span>Admission</span></a>
  68. <span class="menu-content">
  69. <div class="all-link container">
  70. <div class="extra-item">
  71. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  72. <div class="heading-text">
  73. Research
  74. </div>
  75. <div class="text">
  76. We collect personal information from you so we can provide investment services to you.
  77. </div>
  78. </div>
  79. <div class="link-container">
  80. <ul>
  81. <li><a href="#">Support and wellbeing</a></li>
  82. <li><a href="#">Student portal</a></li>
  83. <li><a href="#">Current students overview</a></li>
  84. <li><a href="#">Examinations</a></li>
  85. <li><a href="#">Student blog</a></li>
  86. </ul>
  87. <ul>
  88. <li><a href="#">BLOOM @ Senate House</a></li>
  89. <li><a href="#">Careers Service</a></li>
  90. <li><a href="#">Student accommodation</a></li>
  91. <li><a href="#">Request a transcript</a></li>
  92. <li><a href="#">Information for Employers</a></li>
  93. </ul>
  94. </div>
  95. </div>
  96. </span>
  97. </li>
  98. <li class="menu-item">
  99. <a class="menu-btn"><span>Research</span></a>
  100. <span class="menu-content">
  101. <div class="all-link container">
  102. <div class="extra-item">
  103. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  104. <div class="heading-text">
  105. Research
  106. </div>
  107. <div class="text">
  108. We collect personal information from you so we can provide investment services to you.
  109. </div>
  110. </div>
  111. <div class="link-container">
  112. <ul>
  113. <li><a href="#">Examinations</a></li>
  114. <li><a href="#">Student portal</a></li>
  115. <li><a href="#">Student blog</a></li>
  116. <li><a href="#">Support and wellbeing</a></li>
  117. <li><a href="#">Current students overview</a></li>
  118. </ul>
  119. <ul>
  120. <li><a href="#">BLOOM @ Senate House</a></li>
  121. <li><a href="#">Careers Service</a></li>
  122. <li><a href="#">Request a transcript</a></li>
  123. <li><a href="#">Information for Employers</a></li>
  124. <li><a href="#">Student accommodation</a></li>
  125. </ul>
  126. </div>
  127. </div>
  128. </span>
  129. </li>
  130. <li class="menu-item">
  131. <a class="menu-btn"><span>Media</span></a>
  132. <span class="menu-content">
  133. <div class="all-link container">
  134. <div class="extra-item">
  135. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  136. <div class="heading-text">
  137. Research
  138. </div>
  139. <div class="text">
  140. We collect personal information from you so we can provide investment services to you.
  141. </div>
  142. </div>
  143. <div class="link-container">
  144. <ul>
  145. <li><a href="#">Request a transcript</a></li>
  146. <li><a href="#">BLOOM @ Senate House</a></li>
  147. <li><a href="#">Student accommodation</a></li>
  148. <li><a href="#">Information for Employers</a></li>
  149. <li><a href="#">Careers Service</a></li>
  150. </ul>
  151. <ul>
  152. <li><a href="#">Current students overview</a></li>
  153. <li><a href="#">Examinations</a></li>
  154. <li><a href="#">Support and wellbeing</a></li>
  155. <li><a href="#">Student blog</a></li>
  156. <li><a href="#">Student portal</a></li>
  157. </ul>
  158. </div>
  159. </div>
  160. </span>
  161. </li>
  162. <li class="menu-item">
  163. <a class="menu-btn"><span>Faculty</span></a>
  164. <span class="menu-content">
  165. <div class="all-link container">
  166. <div class="extra-item">
  167. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  168. <div class="heading-text">
  169. Research
  170. </div>
  171. <div class="text">
  172. We collect personal information from you so we can provide investment services to you.
  173. </div>
  174. </div>
  175. <div class="link-container">
  176. <ul>
  177. <li><a href="#">Student accommodation</a></li>
  178. <li><a href="#">Careers Service</a></li>
  179. <li><a href="#">Information for Employers</a></li>
  180. <li><a href="#">Request a transcript</a></li>
  181. <li><a href="#">BLOOM @ Senate House</a></li>
  182. </ul>
  183. <ul>
  184. <li><a href="#">Current students overview</a></li>
  185. <li><a href="#">Student portal</a></li>
  186. <li><a href="#">Support and wellbeing</a></li>
  187. <li><a href="#">Student blog</a></li>
  188. <li><a href="#">Examinations</a></li>
  189. </ul>
  190. </div>
  191. </div>
  192. </span>
  193. </li>
  194. <li class="menu-item">
  195. <a class="menu-btn"><span>Contact</span></a>
  196. <span class="menu-content">
  197. <div class="all-link container">
  198. <div class="extra-item">
  199. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  200. <div class="heading-text">
  201. Research
  202. </div>
  203. <div class="text">
  204. We collect personal information from you so we can provide investment services to you.
  205. </div>
  206. </div>
  207. <div class="link-container">
  208. <ul>
  209. <li><a href="#">Careers Service</a></li>
  210. <li><a href="#">Student accommodation</a></li>
  211. <li><a href="#">Request a transcript</a></li>
  212. <li><a href="#">BLOOM @ Senate House</a></li>
  213. <li><a href="#">Information for Employers</a></li>
  214. </ul>
  215. <ul>
  216. <li><a href="#">Student portal</a></li>
  217. <li><a href="#">Examinations</a></li>
  218. <li><a href="#">Support and wellbeing</a></li>
  219. <li><a href="#">Current students overview</a></li>
  220. <li><a href="#">Student blog</a></li>
  221. </ul>
  222. </div>
  223. </div>
  224. </span>
  225. </li>
  226. <li>
  227. <a>
  228. <span onclick="openSearch()">Search </span>
  229. </a>
  230. </li>
  231. </ul>
  232. </nav>
  233. </section>
  234. <section id="lower-nav">
  235. <nav class="container-fluid">
  236. <ul class="lower-menu-link">
  237. <li class="menu-item">
  238. <a class="menu-btn"><span>About</span></a>
  239. <span class="menu-content">
  240. <div class="all-link container">
  241. <div class="extra-item">
  242. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  243. <div class="heading-text">
  244. Research
  245. </div>
  246. <div class="text">
  247. We collect personal information from you so we can provide investment services to you.
  248. </div>
  249. </div>
  250. <div class="link-container">
  251. <ul>
  252. <li><a href="#">Careers Service</a></li>
  253. <li><a href="#">Student accommodation</a></li>
  254. <li><a href="#">Request a transcript</a></li>
  255. <li><a href="#">BLOOM @ Senate House</a></li>
  256. <li><a href="#">Information for Employers</a></li>
  257. </ul>
  258. <ul>
  259. <li><a href="#">Student portal</a></li>
  260. <li><a href="#">Examinations</a></li>
  261. <li><a href="#">Support and wellbeing</a></li>
  262. <li><a href="#">Current students overview</a></li>
  263. <li><a href="#">Student blog</a></li>
  264. </ul>
  265. </div>
  266. </div>
  267. </span>
  268. </li>
  269. <li class="menu-item">
  270. <a class="menu-btn"><span>Admission</span></a>
  271. <span class="menu-content">
  272. <div class="all-link container">
  273. <div class="extra-item">
  274. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  275. <div class="heading-text">
  276. Research
  277. </div>
  278. <div class="text">
  279. We collect personal information from you so we can provide investment services to you.
  280. </div>
  281. </div>
  282. <div class="link-container">
  283. <ul>
  284. <li><a href="#">Student accommodation</a></li>
  285. <li><a href="#">Careers Service</a></li>
  286. <li><a href="#">Information for Employers</a></li>
  287. <li><a href="#">Request a transcript</a></li>
  288. <li><a href="#">BLOOM @ Senate House</a></li>
  289. </ul>
  290. <ul>
  291. <li><a href="#">Current students overview</a></li>
  292. <li><a href="#">Student portal</a></li>
  293. <li><a href="#">Support and wellbeing</a></li>
  294. <li><a href="#">Student blog</a></li>
  295. <li><a href="#">Examinations</a></li>
  296. </ul>
  297. </div>
  298. </div>
  299. </span>
  300. </li>
  301. <li class="menu-item">
  302. <a class="menu-btn"><span>Faculties</span></a>
  303. <span class="menu-content">
  304. <div class="all-link container">
  305. <div class="extra-item">
  306. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  307. <div class="heading-text">
  308. Research
  309. </div>
  310. <div class="text">
  311. We collect personal information from you so we can provide investment services to you.
  312. </div>
  313. </div>
  314. <div class="link-container">
  315. <ul>
  316. <li><a href="#">Request a transcript</a></li>
  317. <li><a href="#">BLOOM @ Senate House</a></li>
  318. <li><a href="#">Student accommodation</a></li>
  319. <li><a href="#">Information for Employers</a></li>
  320. <li><a href="#">Careers Service</a></li>
  321. </ul>
  322. <ul>
  323. <li><a href="#">Current students overview</a></li>
  324. <li><a href="#">Examinations</a></li>
  325. <li><a href="#">Support and wellbeing</a></li>
  326. <li><a href="#">Student blog</a></li>
  327. <li><a href="#">Student portal</a></li>
  328. </ul>
  329. </div>
  330. </div>
  331. </span>
  332. </li>
  333. <li class="menu-item">
  334. <a class="menu-btn"><span>Publication</span></a>
  335. <span class="menu-content">
  336. <div class="all-link container">
  337. <div class="extra-item">
  338. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  339. <div class="heading-text">
  340. Research
  341. </div>
  342. <div class="text">
  343. We collect personal information from you so we can provide investment services to you.
  344. </div>
  345. </div>
  346. <div class="link-container">
  347. <ul>
  348. <li><a href="#">Examinations</a></li>
  349. <li><a href="#">Student portal</a></li>
  350. <li><a href="#">Student blog</a></li>
  351. <li><a href="#">Support and wellbeing</a></li>
  352. <li><a href="#">Current students overview</a></li>
  353. </ul>
  354. <ul>
  355. <li><a href="#">BLOOM @ Senate House</a></li>
  356. <li><a href="#">Careers Service</a></li>
  357. <li><a href="#">Request a transcript</a></li>
  358. <li><a href="#">Information for Employers</a></li>
  359. <li><a href="#">Student accommodation</a></li>
  360. </ul>
  361. </div>
  362. </div>
  363. </span>
  364. </li>
  365. <li class="menu-item">
  366. <a class="menu-btn"><span>Events & Notices</span></a>
  367. <span class="menu-content">
  368. <div class="all-link container">
  369. <div class="extra-item">
  370. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  371. <div class="heading-text">
  372. Research
  373. </div>
  374. <div class="text">
  375. We collect personal information from you so we can provide investment services to you.
  376. </div>
  377. </div>
  378. <div class="link-container">
  379. <ul>
  380. <li><a href="#">Careers Service</a></li>
  381. <li><a href="#">Student accommodation</a></li>
  382. <li><a href="#">Request a transcript</a></li>
  383. <li><a href="#">BLOOM @ Senate House</a></li>
  384. <li><a href="#">Information for Employers</a></li>
  385. </ul>
  386. <ul>
  387. <li><a href="#">Student portal</a></li>
  388. <li><a href="#">Examinations</a></li>
  389. <li><a href="#">Support and wellbeing</a></li>
  390. <li><a href="#">Current students overview</a></li>
  391. <li><a href="#">Student blog</a></li>
  392. </ul>
  393. </div>
  394. </div>
  395. </span>
  396. </li>
  397. <li class="menu-item">
  398. <a class="menu-btn"><span>Students & Alumni</span></a>
  399. <span class="menu-content">
  400. <div class="all-link container">
  401. <div class="extra-item">
  402. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  403. <div class="heading-text">
  404. Research
  405. </div>
  406. <div class="text">
  407. We collect personal information from you so we can provide investment services to you.
  408. </div>
  409. </div>
  410. <div class="link-container">
  411. <ul>
  412. <li><a href="#">Student accommodation</a></li>
  413. <li><a href="#">Careers Service</a></li>
  414. <li><a href="#">BLOOM @ Senate House</a></li>
  415. <li><a href="#">Request a transcript</a></li>
  416. <li><a href="#">Information for Employers</a></li>
  417. </ul>
  418. <ul>
  419. <li><a href="#">Examinations</a></li>
  420. <li><a href="#">Student portal</a></li>
  421. <li><a href="#">Current students overview</a></li>
  422. <li><a href="#">Support and wellbeing</a></li>
  423. <li><a href="#">Student blog</a></li>
  424. </ul>
  425. </div>
  426. </div>
  427. </span>
  428. </li>
  429. <li class="menu-item">
  430. <a class="menu-btn"><span>Contact</span></a>
  431. <span class="menu-content">
  432. <div class="all-link container">
  433. <div class="extra-item">
  434. <img src="<?php echo (get_template_directory_uri()) ?>/img/menu-background.jpg" alt="">
  435. <div class="heading-text">
  436. Research
  437. </div>
  438. <div class="text">
  439. We collect personal information from you so we can provide investment services to you.
  440. </div>
  441. </div>
  442. <div class="link-container">
  443. <ul>
  444. <li><a href="#">Student portal</a></li>
  445. <li><a href="#">Examinations</a></li>
  446. <li><a href="#">Support and wellbeing</a></li>
  447. <li><a href="#">Current students overview</a></li>
  448. <li><a href="#">Student blog</a></li>
  449. </ul>
  450. <ul>
  451. <li><a href="#">Careers Service</a></li>
  452. <li><a href="#">Student accommodation</a></li>
  453. <li><a href="#">Request a transcript</a></li>
  454. <li><a href="#">BLOOM @ Senate House</a></li>
  455. <li><a href="#">Information for Employers</a></li>
  456. </ul>
  457. </div>
  458. </div>
  459. </span>
  460. </li>
  461. </ul>
  462. </nav>
  463. </section>
  464. </header>
  465. <?php wp_nav_menu(array('theme_location' => 'uiu-header-menu', 'container_class' => 'custom-menu-class')); ?>
  466. <!-- #masthead -->