API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 17th, 2019
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.37 KB | None | 0 0
raw download clone embed print report
  1. @*
  2. @{
  3. ViewData["Title"] = "About";
  4. }
  5. <h2>@ViewData["Title"]</h2>
  6. <h3>@ViewData["Message"]</h3>
  7.  
  8. *@
  9. <style>
  10.  
  11. .overlay {
  12. position: absolute;
  13. top: 0;
  14. bottom: 0;
  15. left: 0;
  16. right: 0;
  17. height: 100%;
  18. width: 100%;
  19. opacity: 0;
  20. transition: .5s ease;
  21. background-color: rgb(0,130,202);
  22. }
  23.  
  24. .card:hover .overlay {
  25. opacity: 1;
  26. }
  27.  
  28. .card {
  29. height: 471px;
  30. width: 402px;
  31. padding-top: 20px;
  32. background-color: rgba(214, 224, 226, 0.2);
  33. border-top-width: 0;
  34. border-bottom-width: 2px;
  35. border-radius: 3px;
  36. box-shadow: none;
  37. box-sizing: border-box;
  38. text-align: center;
  39. }
  40.  
  41. .cardinfo{
  42. text-align: center;
  43. width: 304px;
  44. margin: 0 auto;
  45. }
  46.  
  47. .cardname {
  48. overflow: visible;
  49. white-space: nowrap;
  50. font-family: Raleway;
  51. font-style: normal;
  52. font-weight: normal;
  53. font-size: 14px;
  54. color: rgba(124,125,141,1);
  55. }
  56.  
  57. .card .card-heading.image img {
  58. display: inline-block;
  59. width: 46px;
  60. height: 46px;
  61. margin-right: 15px;
  62. vertical-align: top;
  63. border: 0;
  64. border-radius: 50%;
  65. }
  66.  
  67. .desc {
  68. font-family: Raleway;
  69. font-weight: bold;
  70. font-size: 18px;
  71. color: #263035;
  72. text-align: center;
  73. }
  74.  
  75. .card.hovercard {
  76. position: relative;
  77. padding-top: 0;
  78. overflow: hidden;
  79. text-align: center;
  80. background-color: #FFFFFF;
  81. }
  82.  
  83. .card.hovercard .cardheader {
  84. background-size: cover;
  85. height: 234px;
  86. }
  87.  
  88. .card.hovercard .avatar {
  89. position: relative;
  90. top: -50px;
  91. margin-bottom: -50px;
  92. }
  93.  
  94. .card.hovercard .avatar img {
  95. width: 78px;
  96. height: 78px;
  97. max-width: 100px;
  98. max-height: 100px;
  99. border-radius: 50%;
  100. }
  101.  
  102. .card.hovercard .avatar1 {
  103. position: relative;
  104. top: -287px;
  105. margin-bottom: -287px;
  106. }
  107.  
  108. .card.hovercard .avatar1 img {
  109. width: 78px;
  110. height: 78px;
  111. max-width: 100px;
  112. max-height: 100px;
  113. border-radius: 50%;
  114. }
  115.  
  116. .main {
  117. background-image: url("/images/Blogs background.jpg") !important;
  118. width: 100%;
  119. padding-top: 330px;
  120. }
  121.  
  122. .blog1 {
  123. border-radius: 15px;
  124. height: 500px;
  125. background-color: rgb(0,130,202);
  126. }
  127.  
  128. .btn-featured {
  129. background-color: #1ED660 !important;
  130. white-space: nowrap;
  131. text-align: left;
  132. font-family: Raleway;
  133. font-style: normal;
  134. font-weight: normal;
  135. font-size: 17px;
  136. color: rgba(255,255,255,1);
  137. position: relative;
  138. top: -345px;
  139. left: 115px;
  140. border: 0px !important;
  141. }
  142.  
  143. #Creating_Remarkable {
  144. position: absolute;
  145. position: relative;
  146. top: -328px;
  147. left: 115px;
  148. overflow: hidden;
  149. width: 955px;
  150. height: 104px;
  151. line-height: 48px;
  152. margin-top: -6px;
  153. text-align: left;
  154. font-family: Raleway;
  155. font-style: normal;
  156. font-weight: bold;
  157. font-size: 36px;
  158. color: rgba(255,255,255,1);
  159. }
  160.  
  161. #blog {
  162. overflow: visible;
  163. width: 242px;
  164. white-space: nowrap;
  165. text-align: left;
  166. font-family: Raleway;
  167. font-style: normal;
  168. font-weight: normal;
  169. font-size: 86px;
  170. color: rgba(255,255,255,1);
  171. line-height: 92px;
  172. }
  173. </style>
  174.  
  175. <section class="main">
  176. <section style="height: 298px;">
  177. <div>
  178. <div id="blog">
  179. <span><strong>Blogs</strong></span>
  180. </div>
  181. <img src="~/images/underline.png" />
  182. </div>
  183.  
  184. </section>
  185.  
  186. <section style="height: 500px">
  187. <div class="blog1 col-lg-12">
  188. <img src="~/images/image.png" style="opacity:0.3; height: 100%; width: 100%" />
  189. <a class="btn btn-primary btn-featured text-left" href="#" role="button">Featured</a>
  190. <div id="Creating_Remarkable">
  191. <span>Five Things to Expect While Working with Raindrop Inc | The Official Partner of Oracle NetSuite in Nepal</span>
  192. </div>
  193. <div style="position: relative; top: -295px; left: 115px;">
  194. <img src="~/images/asset-1.png" style="border-radius:50%;height: 78px; width: 78px;" />
  195. <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>
  196. </div>
  197. </div>
  198. </section>
  199.  
  200. <section style="background-color: black; height: 1119px; width: 100%;">
  201. <div style="height: 1068px; margin-top: 69px; ">
  202. <div>
  203. <div class="row">
  204. <div class="col-lg-4 col-sm-6" style="margin-bottom: 33px;">
  205.  
  206. <div class="card hovercard">
  207. <div class="cardheader">
  208. <img alt="" src="~/images/image1.png">
  209. </div>
  210. <div class="avatar">
  211. <img alt="" src="~/images/asset-1.png">
  212. </div>
  213. <div class="cardinfo" style="">
  214. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  215. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  216. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  217. </div>
  218. <div class="overlay">
  219. <img src="~/images/image1.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  220. <div class="avatar1">
  221. <img alt="" src="~/images/asset-1.png">
  222. <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>
  223. <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>
  224. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  225. </div>
  226.  
  227. </div>
  228. </div>
  229.  
  230. </div>
  231. <div class="col-lg-4 col-sm-6" style="margin-bottom: 33px;">
  232.  
  233. <div class="card hovercard">
  234. <div class="cardheader">
  235. <img alt="" src="~/images/image1.png">
  236. </div>
  237. <div class="avatar">
  238. <img alt="" src="~/images/asset-1.png">
  239. </div>
  240. <div class="cardinfo" style="">
  241. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  242. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  243. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  244. </div>
  245. <div class="overlay">
  246. <img src="~/images/image1.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  247. <div class="avatar1">
  248. <img alt="" src="~/images/asset-1.png">
  249. <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>
  250. <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>
  251. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  252. </div>
  253.  
  254. </div>
  255. </div>
  256.  
  257. </div>
  258. <div class="col-lg-4 col-sm-6" style="margin-bottom: 33px;">
  259.  
  260. <div class="card hovercard">
  261. <div class="cardheader">
  262. <img alt="" src="~/images/image2.png">
  263. </div>
  264. <div class="avatar">
  265. <img alt="" src="~/images/asset-1.png">
  266. </div>
  267. <div class="cardinfo" style="">
  268. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  269. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  270. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  271. </div>
  272. <div class="overlay">
  273. <img src="~/images/image2.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  274. <div class="avatar1">
  275. <img alt="" src="~/images/asset-1.png">
  276. <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>
  277. <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>
  278. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  279. </div>
  280.  
  281. </div>
  282. </div>
  283.  
  284. </div>
  285. <div class="col-lg-4 col-sm-6" style="margin-bottom: 33px;">
  286.  
  287. <div class="card hovercard">
  288. <div class="cardheader">
  289. <img alt="" src="~/images/image3.png">
  290. </div>
  291. <div class="avatar">
  292. <img alt="" src="~/images/asset-1.png">
  293. </div>
  294. <div class="cardinfo" style="">
  295. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  296. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  297. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  298. </div>
  299. <div class="overlay">
  300. <img src="~/images/image3.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  301. <div class="avatar1">
  302. <img alt="" src="~/images/asset-1.png">
  303. <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>
  304. <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>
  305. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  306. </div>
  307.  
  308. </div>
  309. </div>
  310.  
  311. </div>
  312. <div class="col-lg-4 col-sm-6" style="margin-bottom: 33px;">
  313.  
  314. <div class="card hovercard">
  315. <div class="cardheader">
  316. <img alt="" src="~/images/image4.png">
  317. </div>
  318. <div class="avatar">
  319. <img alt="" src="~/images/asset-1.png">
  320. </div>
  321. <div class="cardinfo" style="">
  322. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  323. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  324. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  325. </div>
  326. <div class="overlay">
  327. <img src="~/images/image4.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  328. <div class="avatar1">
  329. <img alt="" src="~/images/asset-1.png">
  330. <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>
  331. <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>
  332. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  333. </div>
  334.  
  335. </div>
  336. </div>
  337.  
  338. </div>
  339. <div class="col-lg-4 col-sm-6" style="margin-bottom: 33px;">
  340.  
  341. <div class="card hovercard">
  342. <div class="cardheader">
  343. <img alt="" src="~/images/image5.png">
  344. </div>
  345. <div class="avatar">
  346. <img alt="" src="~/images/asset-1.png">
  347. </div>
  348. <div class="cardinfo" style="">
  349. <div class="cardname" style="margin-top:18px; margin-bottom: 30px;">Sushan Dangol</div>
  350. <div class="desc"><span>Oracle NetSuite VS. Microsoft Dynamics </span></div>
  351. <div class="cardname" style="margin-top:30px">22 Aug 2019</div>
  352. </div>
  353. <div class="overlay">
  354. <img src="~/images/image5.png" style="opacity:0.2; transform: scale(1.0); height:100%" />
  355. <div class="avatar1">
  356. <img alt="" src="~/images/asset-1.png">
  357. <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>
  358. <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>
  359. <div style="width: 304px; margin: 0 auto; margin-top:30px; color:white; overflow: visible; font-family: Raleway; font-size: 14px;">22 Aug 2019</div>
  360. </div>
  361.  
  362. </div>
  363. </div>
  364.  
  365. </div>
  366. </div>
  367. </div>
  368. </div>
  369. <nav aria-label="..." align="center" style="height: 51px;">
  370. <ul class="pagination">
  371. <li class="page-item disabled">
  372. <a class="page-link" href="#" tabindex="-1">Previous</a>
  373. </li>
  374. <li class="page-item"><a class="page-link" href="#">1</a></li>
  375. <li class="page-item active">
  376. <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
  377. </li>
  378. <li class="page-item"><a class="page-link" href="#">3</a></li>
  379. <li class="page-item">
  380. <a class="page-link" href="#">Next</a>
  381. </li>
  382. </ul>
  383. </nav>
  384. </section>
  385.  
  386. </section>
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!