API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 20th, 2019
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.42 KB | None | 0 0
raw download clone embed print report
  1.  
  2. @{
  3. Layout = "_Layout";
  4. }
  5. @{
  6. ViewData["Title"] = "Blogs";
  7. }
  8.  
  9. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
  10.  
  11. <style>
  12. .page {
  13. display: none;
  14. }
  15.  
  16. .page-active {
  17. display: block;
  18. }
  19.  
  20.  
  21. .overlay {
  22. position: absolute;
  23. top: 0;
  24. bottom: 0;
  25. left: 0;
  26. right: 0;
  27. height: 100%;
  28. width: 100%;
  29. opacity: 0;
  30. transition: .5s ease;
  31. background-color: rgb(0,130,202);
  32. }
  33.  
  34. .card:hover .overlay {
  35. opacity: 1;
  36. }
  37.  
  38. .card {
  39. height: 471px;
  40. width: 402px;
  41. padding-top: 20px;
  42. background-color: rgba(214, 224, 226, 0.2);
  43. border-top-width: 0;
  44. border-bottom-width: 2px;
  45. border-radius: 3px;
  46. box-shadow: none;
  47. box-sizing: border-box;
  48. margin: 0 auto;
  49. }
  50.  
  51. .cardinfo {
  52. text-align: center;
  53. width: 304px;
  54. margin: 0 auto;
  55. }
  56.  
  57. .cardname {
  58. overflow: visible;
  59. white-space: nowrap;
  60. font-family: Raleway;
  61. font-style: normal;
  62. font-weight: normal;
  63. font-size: 14px;
  64. color: rgba(124,125,141,1);
  65. }
  66.  
  67. .card .card-heading.image img {
  68. display: inline-block;
  69. width: 46px;
  70. height: 46px;
  71. margin-right: 15px;
  72. vertical-align: top;
  73. border: 0;
  74. border-radius: 50%;
  75. }
  76.  
  77. .desc {
  78. font-family: Raleway;
  79. font-weight: bold;
  80. font-size: 18px;
  81. color: #263035;
  82. text-align: center;
  83. }
  84.  
  85. .card.hovercard {
  86. position: relative;
  87. padding-top: 0;
  88. overflow: hidden;
  89. text-align: center;
  90. background-color: #FFFFFF;
  91. }
  92.  
  93. .card.hovercard .cardheader {
  94. background-size: cover;
  95. height: 234px;
  96. }
  97.  
  98. .card.hovercard .avatar {
  99. position: relative;
  100. top: -50px;
  101. margin-bottom: -50px;
  102. }
  103.  
  104. .card.hovercard .avatar img {
  105. width: 78px;
  106. height: 78px;
  107. max-width: 100px;
  108. max-height: 100px;
  109. border-radius: 50%;
  110. }
  111.  
  112. .card.hovercard .avatar1 {
  113. position: relative;
  114. top: -287px;
  115. margin-bottom: -287px;
  116. }
  117.  
  118. .card.hovercard .avatar1 img {
  119. width: 78px;
  120. height: 78px;
  121. max-width: 100px;
  122. max-height: 100px;
  123. border-radius: 50%;
  124. }
  125.  
  126. .main {
  127. background-image: url("/images/Blogs background1.jpg") !important;
  128. background-repeat: no-repeat;
  129. background-size: cover;
  130. width: 100%;
  131. padding-top: 280px;
  132. padding-left: 77px;
  133. padding-right: 77px;
  134. }
  135.  
  136. .blog1 {
  137. border-radius: 15px;
  138. height: 500px;
  139. background-color: rgb(0,130,202);
  140. }
  141.  
  142. .btn-featured {
  143. background-color: #1ED660 !important;
  144. white-space: nowrap;
  145. text-align: left;
  146. font-family: Raleway;
  147. font-style: normal;
  148. font-weight: normal;
  149. font-size: 17px;
  150. color: rgba(255,255,255,1);
  151. position: relative;
  152. top: -345px;
  153. left: 115px;
  154. border: 0px !important;
  155. }
  156.  
  157. #Creating_Remarkable {
  158. position: absolute;
  159. position: relative;
  160. top: -328px;
  161. left: 115px;
  162. overflow: hidden;
  163. width: 955px;
  164. height: 104px;
  165. line-height: 48px;
  166. margin-top: -6px;
  167. text-align: left;
  168. font-family: Raleway;
  169. font-style: normal;
  170. font-weight: bold;
  171. font-size: 36px;
  172. color: rgba(255,255,255,1);
  173. }
  174.  
  175. #blog {
  176. overflow: visible;
  177. width: 242px;
  178. white-space: nowrap;
  179. text-align: left;
  180. font-family: Raleway;
  181. font-style: normal;
  182. font-weight: normal;
  183. font-size: 86px;
  184. color: rgba(255,255,255,1);
  185. line-height: 92px;
  186. }
  187. </style>
  188.  
  189. <section class="main">
  190. <section style="height: 298px; padding-left:43px">
  191. <div>
  192. <div id="blog">
  193. <span><strong>Blogs</strong></span>
  194. </div>
  195. <img src="~/images/underline.png" />
  196. </div>
  197.  
  198. </section>
  199.  
  200. <section style="height: 500px">
  201. <div class="blog1 col-lg-12">
  202. <img src="~/images/image.png" style="opacity:0.3; height: 100%; width: 100%" />
  203. <a class="btn btn-primary btn-featured text-left" href="#" role="button">Featured</a>
  204. <div id="Creating_Remarkable">
  205. <span>Five Things to Expect While Working with Raindrop Inc | The Official Partner of Oracle NetSuite in Nepal</span>
  206. </div>
  207. <div style="position: relative; top: -295px; left: 115px;">
  208. <img src="~/images/asset-1.png" style="border-radius:50%;height: 78px; width: 78px;" />
  209. <p style="margin-top: 15px;font-family: Raleway; font-style: normal; font-weight: normal; font-size: 19px; color: rgba(255,255,255,1);">Sushan Dangol</p>
  210. </div>
  211. </div>
  212. </section>
  213.  
  214. <section style="height: 1119px; width: 100%;">
  215. <div style="height: 1068px; margin-top: 69px; ">
  216. <div id="page1" class="page">
  217. <div class="row">
  218. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  219.  
  220. <div class="card hovercard">
  221. <div class="cardheader">
  222. <img alt="" src="~/images/image1.png">
  223. </div>
  224. <div class="avatar">
  225. <img alt="" src="~/images/asset-1.png">
  226. </div>
  227. <div class="cardinfo" style="">
  228. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  229. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  230. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  231. </div>
  232. <div class="overlay">
  233. <img src="~/images/image1.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  234. <div class="avatar1">
  235. <img alt="" src="~/images/asset-1.png">
  236. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  237. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  238. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  239. </div>
  240.  
  241. </div>
  242. </div>
  243.  
  244. </div>
  245. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  246.  
  247. <div class="card hovercard">
  248. <div class="cardheader">
  249. <img alt="" src="~/images/image1.png">
  250. </div>
  251. <div class="avatar">
  252. <img alt="" src="~/images/asset-1.png">
  253. </div>
  254. <div class="cardinfo" style="">
  255. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  256. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  257. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  258. </div>
  259. <div class="overlay">
  260. <img src="~/images/image1.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  261. <div class="avatar1">
  262. <img alt="" src="~/images/asset-1.png">
  263. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  264. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  265. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  266. </div>
  267.  
  268. </div>
  269. </div>
  270.  
  271. </div>
  272. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  273.  
  274. <div class="card hovercard">
  275. <div class="cardheader">
  276. <img alt="" src="~/images/image2.png">
  277. </div>
  278. <div class="avatar">
  279. <img alt="" src="~/images/asset-1.png">
  280. </div>
  281. <div class="cardinfo" style="">
  282. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  283. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  284. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  285. </div>
  286. <div class="overlay">
  287. <img src="~/images/image2.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  288. <div class="avatar1">
  289. <img alt="" src="~/images/asset-1.png">
  290. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  291. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  292. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  293. </div>
  294.  
  295. </div>
  296. </div>
  297.  
  298. </div>
  299. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  300.  
  301. <div class="card hovercard">
  302. <div class="cardheader">
  303. <img alt="" src="~/images/image3.png">
  304. </div>
  305. <div class="avatar">
  306. <img alt="" src="~/images/asset-1.png">
  307. </div>
  308. <div class="cardinfo" style="">
  309. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  310. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  311. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  312. </div>
  313. <div class="overlay">
  314. <img src="~/images/image3.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  315. <div class="avatar1">
  316. <img alt="" src="~/images/asset-1.png">
  317. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  318. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  319. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  320. </div>
  321.  
  322. </div>
  323. </div>
  324.  
  325. </div>
  326. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  327.  
  328. <div class="card hovercard">
  329. <div class="cardheader">
  330. <img alt="" src="~/images/image4.png">
  331. </div>
  332. <div class="avatar">
  333. <img alt="" src="~/images/asset-1.png">
  334. </div>
  335. <div class="cardinfo" style="">
  336. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  337. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  338. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  339. </div>
  340. <div class="overlay">
  341. <img src="~/images/image4.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  342. <div class="avatar1">
  343. <img alt="" src="~/images/asset-1.png">
  344. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  345. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  346. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  347. </div>
  348.  
  349. </div>
  350. </div>
  351.  
  352. </div>
  353. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  354.  
  355. <div class="card hovercard">
  356. <div class="cardheader">
  357. <img alt="" src="~/images/image5.png">
  358. </div>
  359. <div class="avatar">
  360. <img alt="" src="~/images/asset-1.png">
  361. </div>
  362. <div class="cardinfo" style="">
  363. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  364. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  365. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  366. </div>
  367. <div class="overlay">
  368. <img src="~/images/image5.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  369. <div class="avatar1">
  370. <img alt="" src="~/images/asset-1.png">
  371. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  372. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  373. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  374. </div>
  375.  
  376. </div>
  377. </div>
  378.  
  379. </div>
  380. </div>
  381. </div>
  382. <div id="page2" class="page">
  383. <div class="row">
  384. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  385.  
  386. <div class="card hovercard">
  387. <div class="cardheader">
  388. <img alt="" src="~/images/image2.png">
  389. </div>
  390. <div class="avatar">
  391. <img alt="" src="~/images/asset-1.png">
  392. </div>
  393. <div class="cardinfo" style="">
  394. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  395. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  396. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  397. </div>
  398. <div class="overlay">
  399. <img src="~/images/image2.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  400. <div class="avatar1">
  401. <img alt="" src="~/images/asset-1.png">
  402. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  403. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  404. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  405. </div>
  406.  
  407. </div>
  408. </div>
  409.  
  410. </div>
  411. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  412.  
  413. <div class="card hovercard">
  414. <div class="cardheader">
  415. <img alt="" src="~/images/image3.png">
  416. </div>
  417. <div class="avatar">
  418. <img alt="" src="~/images/asset-1.png">
  419. </div>
  420. <div class="cardinfo" style="">
  421. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  422. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  423. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  424. </div>
  425. <div class="overlay">
  426. <img src="~/images/image3.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  427. <div class="avatar1">
  428. <img alt="" src="~/images/asset-1.png">
  429. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  430. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  431. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  432. </div>
  433.  
  434. </div>
  435. </div>
  436.  
  437. </div>
  438. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  439.  
  440. <div class="card hovercard">
  441. <div class="cardheader">
  442. <img alt="" src="~/images/image2.png">
  443. </div>
  444. <div class="avatar">
  445. <img alt="" src="~/images/asset-1.png">
  446. </div>
  447. <div class="cardinfo" style="">
  448. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  449. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  450. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  451. </div>
  452. <div class="overlay">
  453. <img src="~/images/image2.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  454. <div class="avatar1">
  455. <img alt="" src="~/images/asset-1.png">
  456. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  457. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  458. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  459. </div>
  460.  
  461. </div>
  462. </div>
  463.  
  464. </div>
  465. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  466.  
  467. <div class="card hovercard">
  468. <div class="cardheader">
  469. <img alt="" src="~/images/image3.png">
  470. </div>
  471. <div class="avatar">
  472. <img alt="" src="~/images/asset-1.png">
  473. </div>
  474. <div class="cardinfo" style="">
  475. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  476. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  477. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  478. </div>
  479. <div class="overlay">
  480. <img src="~/images/image3.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  481. <div class="avatar1">
  482. <img alt="" src="~/images/asset-1.png">
  483. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  484. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  485. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  486. </div>
  487.  
  488. </div>
  489. </div>
  490.  
  491. </div>
  492. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  493.  
  494. <div class="card hovercard">
  495. <div class="cardheader">
  496. <img alt="" src="~/images/image5.png">
  497. </div>
  498. <div class="avatar">
  499. <img alt="" src="~/images/asset-1.png">
  500. </div>
  501. <div class="cardinfo" style="">
  502. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  503. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  504. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  505. </div>
  506. <div class="overlay">
  507. <img src="~/images/image5.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  508. <div class="avatar1">
  509. <img alt="" src="~/images/asset-1.png">
  510. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  511. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  512. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  513. </div>
  514.  
  515. </div>
  516. </div>
  517.  
  518. </div>
  519. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  520.  
  521. <div class="card hovercard">
  522. <div class="cardheader">
  523. <img alt="" src="~/images/image4.png">
  524. </div>
  525. <div class="avatar">
  526. <img alt="" src="~/images/asset-1.png">
  527. </div>
  528. <div class="cardinfo" style="">
  529. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  530. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  531. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  532. </div>
  533. <div class="overlay">
  534. <img src="~/images/image4.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  535. <div class="avatar1">
  536. <img alt="" src="~/images/asset-1.png">
  537. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  538. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  539. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  540. </div>
  541.  
  542. </div>
  543. </div>
  544.  
  545. </div>
  546. </div>
  547. </div>
  548. <div id="page3" class="page">
  549. <div class="row">
  550. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  551.  
  552. <div class="card hovercard">
  553. <div class="cardheader">
  554. <img alt="" src="~/images/image5.png">
  555. </div>
  556. <div class="avatar">
  557. <img alt="" src="~/images/asset-1.png">
  558. </div>
  559. <div class="cardinfo" style="">
  560. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  561. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  562. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  563. </div>
  564. <div class="overlay">
  565. <img src="~/images/image5.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  566. <div class="avatar1">
  567. <img alt="" src="~/images/asset-1.png">
  568. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  569. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  570. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  571. </div>
  572.  
  573. </div>
  574. </div>
  575.  
  576. </div>
  577. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  578.  
  579. <div class="card hovercard">
  580. <div class="cardheader">
  581. <img alt="" src="~/images/image4.png">
  582. </div>
  583. <div class="avatar">
  584. <img alt="" src="~/images/asset-1.png">
  585. </div>
  586. <div class="cardinfo" style="">
  587. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  588. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  589. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  590. </div>
  591. <div class="overlay">
  592. <img src="~/images/image4.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  593. <div class="avatar1">
  594. <img alt="" src="~/images/asset-1.png">
  595. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  596. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  597. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  598. </div>
  599.  
  600. </div>
  601. </div>
  602.  
  603. </div>
  604. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  605.  
  606. <div class="card hovercard">
  607. <div class="cardheader">
  608. <img alt="" src="~/images/image3.png">
  609. </div>
  610. <div class="avatar">
  611. <img alt="" src="~/images/asset-1.png">
  612. </div>
  613. <div class="cardinfo" style="">
  614. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  615. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  616. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  617. </div>
  618. <div class="overlay">
  619. <img src="~/images/image3.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  620. <div class="avatar1">
  621. <img alt="" src="~/images/asset-1.png">
  622. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  623. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  624. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  625. </div>
  626.  
  627. </div>
  628. </div>
  629.  
  630. </div>
  631. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  632.  
  633. <div class="card hovercard">
  634. <div class="cardheader">
  635. <img alt="" src="~/images/image2.png">
  636. </div>
  637. <div class="avatar">
  638. <img alt="" src="~/images/asset-1.png">
  639. </div>
  640. <div class="cardinfo" style="">
  641. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  642. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  643. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  644. </div>
  645. <div class="overlay">
  646. <img src="~/images/image2.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  647. <div class="avatar1">
  648. <img alt="" src="~/images/asset-1.png">
  649. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  650. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  651. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  652. </div>
  653.  
  654. </div>
  655. </div>
  656.  
  657. </div>
  658. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  659.  
  660. <div class="card hovercard">
  661. <div class="cardheader">
  662. <img alt="" src="~/images/image4.png">
  663. </div>
  664. <div class="avatar">
  665. <img alt="" src="~/images/asset-1.png">
  666. </div>
  667. <div class="cardinfo" style="">
  668. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  669. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  670. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  671. </div>
  672. <div class="overlay">
  673. <img src="~/images/image4.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  674. <div class="avatar1">
  675. <img alt="" src="~/images/asset-1.png">
  676. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  677. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  678. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  679. </div>
  680.  
  681. </div>
  682. </div>
  683.  
  684. </div>
  685. <div class="col-lg-4 col-sm-6 addanim" style="margin-bottom: 33px;">
  686.  
  687. <div class="card hovercard">
  688. <div class="cardheader">
  689. <img alt="" src="~/images/image5.png">
  690. </div>
  691. <div class="avatar">
  692. <img alt="" src="~/images/asset-1.png">
  693. </div>
  694. <div class="cardinfo" style="">
  695. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  696. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  697. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  698. </div>
  699. <div class="overlay">
  700. <img src="~/images/image5.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  701. <div class="avatar1">
  702. <img alt="" src="~/images/asset-1.png">
  703. <div style="width: 304px; margin: 0 auto; margin-top:18px; margin-bottom: 30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">Sushan Dangol</div>
  704. <div style="width: 304px; margin: 0 auto; color:white; font-family: Raleway; font-weight: bold; font-size: 18px; text-align: center;"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  705. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  706. </div>
  707.  
  708. </div>
  709. </div>
  710.  
  711. </div>
  712. </div>
  713. </div>
  714. </div>
  715. <div style="text-align: center">
  716. <ul id="pagination-demo" style="font-family:Raleway; color: #0082CA;"></ul>
  717. </div>
  718. </section>
  719.  
  720. </section>
  721.  
  722. <script>
  723. $(document).ready(function() {
  724. $('#pagination-demo').twbsPagination({
  725. totalPages: 3,
  726. // the current page that show on start
  727. startPage: 1,
  728.  
  729. // maximum visible pages
  730. visiblePages: 3,
  731.  
  732. initiateStartPageClick: true,
  733.  
  734. // template for pagination links
  735. href: false,
  736.  
  737. // variable name in href template for page number
  738. hrefVariable: '{{number}}',
  739.  
  740. // Text labels
  741. first: 'First',
  742. prev: 'Previous',
  743. next: 'Next',
  744. last: 'Last',
  745.  
  746. // carousel-style pagination
  747. loop: false,
  748. // callback function
  749. onPageClick: function (event, page) {
  750. $('.page-active').removeClass('page-active');
  751. $('#page' + page).addClass('page-active');
  752. $('.addanim').addClass('animated flipInX');
  753. },
  754.  
  755. // pagination Classes
  756. paginationClass: 'pagination',
  757. nextClass: 'next',
  758. prevClass: 'prev',
  759. lastClass: 'last',
  760. firstClass: 'first',
  761. pageClass: 'page',
  762. activeClass: 'active',
  763. disabledClass: 'disabled'
  764.  
  765. });
  766.  
  767. });
  768. </script>
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!