It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://c-sharptutorial.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head runat="server">
  4. <meta charset="utf-8">
  5. <!-- Stylesheets -->
  6. <link href="/css/bootstrap.css" rel="stylesheet">
  7. <link href="/css/style.css" rel="stylesheet">
  8. <link href="/css/responsive.css" rel="stylesheet">
  9.  
  10. <!-- Color Switcher Mockup -->
  11. <link href="/css/color-switcher-design.css" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
  13. <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
  14. <link rel="icon" href="/images/favicon.png" type="image/x-icon">
  15.  
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  17. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  18.  
  19. <!-- Responsive -->
  20. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  21. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  22.  
  23. <!-- Page Intorduction Section -->
  24.  
  25. <meta name="description" content="C# (pronounced as C sharp) is a general-purpose, object-oriented programming language. Our C# programming tutorial will guide you to learn C# programming one step at a time with the help of examples.">
  26. <link rel="canonical" href="https://c-sharptutorial.com/">
  27. <title lang="en-us">Learn C# Programming</title>
  28.  
  29.  
  30. <!--End Of Page Intorduction Section -->
  31.  
  32. <!--[if lt IE 9]><script src="~/js/respond.js"></script><![endif]-->
  33.  
  34. <style>
  36. /* CSS Of C-SharpTutorial With Class*/
  37. .logo a {
  38. width: 60%;
  39. height: 300px;
  40. }
  41.  
  42. img {
  43. width: 100%;
  44. height: 100%;
  45. object-fit: cover;
  46. }
  47.  
  48. hr.new2 {
  49. border-top: 4px dashed #660066;
  50. }
  51.  
  52. .space-above {
  53. margin-top: 20px;
  54. }
  55.  
  56. .link-color
  57. {
  58. margin-top: 15px;
  59. margin-left: 20px;
  60. color: black;
  61. text-decoration: underline;
  62. }
  63.  
  64. .move-left-h4{
  65. margin-left:30px;
  66. }
  67.  
  68. .main-heading-span{
  69. font-weight:600;
  70. background-color:lavender;
  71. }
  72.  
  73. .move-left-output {
  74. margin-left: 30px;
  75. }
  76.  
  77. .original-code  span.highlighted-one {
  78. color: #ff4d4d;
  79. font-weight: 600;
  80. }
  81.  
  82. .original-code span.highlighted-two {
  83. color: #66a3ff;
  84. font-weight: 600;
  85. }
  86.  
  87. .original-code span.highlighted-three {
  88. color: #80ff80;
  89. font-weight: 600;
  90. }
  91.  
  92. .original-code span.highlighted-four {
  93. color: #66a3ff;
  94. font-weight: 600;
  95. }
  96.  
  97. .original-code span.highlighted-five {
  98. color: #d19a66;
  99. font-weight: 600;
  100. }
  101.  
  102. .p-output-heading{
  103. color: #ffcc66;
  104. font-size: 15px;
  105. font-weight: 600;
  106. }
  107.  
  108. .service-detail .inner-box p.p-comment-level-one {
  109. margin-top: 5px;
  110. margin-bottom: 5px;
  111. color: #f9f2ec;
  112. font-size:15px;
  113. font-weight: 600;
  114. }
  115.  
  116. .service-detail .inner-box p.p-comment-level-two {
  117. margin-top: 5px;
  118. margin-bottom: 5px;
  119. margin-left: 35px;
  120. color: #f9f2ec;
  121. font-size: 15px;
  122. font-weight: 600;
  123. }
  124.  
  125. .service-detail .inner-box p.p-comment-level-three {
  126. margin-top: 15px;
  127. margin-bottom: 15px;
  128. color: #f9f2ec;
  129. font-size: 15px;
  130. font-weight: 600;
  131. }
  132.  
  133. .service-detail .inner-box p.p-comment-level-four {
  134. margin-top: 5px;
  135. margin-bottom: 5px;
  136. margin-left: 65px;
  137. color: #f9f2ec;
  138. font-size: 15px;
  139. font-weight: 600;
  140. }
  141.  
  142. .service-detail .inner-box p.p-comment-level-five {
  143. margin-top: 5px;
  144. margin-bottom: 5px;
  145. margin-left: 95px;
  146. color: #f9f2ec;
  147. font-size: 15px;
  148. font-weight: 600;
  149. }
  150.  
  151. .service-detail .inner-box p.p-comment-level-six {
  152. margin-top: 5px;
  153. margin-bottom: 5px;
  154. margin-left: 125px;
  155. color: #f9f2ec;
  156. font-size: 15px;
  157. font-weight: 600;
  158. }
  159.  
  160. .service-detail .inner-box p.p-comment-level-six-seven-only {
  161. margin-top: 5px;
  162. margin-bottom: 5px;
  163. margin-left: 155px;
  164. color: #f9f2ec;
  165. font-size: 15px;
  166. font-weight: 600;
  167. }
  168.  
  169. .code-level-one{
  170. margin-top: 15px;
  171. margin-left: 35px;
  172. font-weight: 600;
  173. }
  174. .code-level-two{
  175. margin-top: 5px;
  176. margin-left: 65px;
  177. font-weight: 600;
  178. }
  179. .code-level-three{
  180. margin-top: 5px;
  181. font-weight: 600;
  182. }
  183. .code-level-four{
  184. margin-top: 5px;
  185. margin-left: 35px;
  186. font-weight: 600;
  187. }
  188. .code-level-five{
  189. margin-top: 5px;
  190. margin-left: 95px;
  191. font-weight: 600;
  192. }
  193.  
  194. .code-level-six {
  195. margin-top: 5px;
  196. margin-left: 125px;
  197. font-weight: 600;
  198. }
  199.  
  200. .code-level-six-seven-only {
  201. margin-top: 5px;
  202. margin-left: 155px;
  203. font-weight: 600;
  204. }
  205.  
  206. .code-level-six-eight {
  207. margin-top: 5px;
  208. margin-left: 223px;
  209. font-weight: 600;
  210. }
  211.  
  212. .code-level-one-opening-bracket{
  213. margin-left: 35px;
  214. font-weight: 600;
  215. }
  216.  
  217. .code-level-one-closing-bracket {
  218. margin-left: 35px;
  219. margin-top: 5px;
  220. font-weight: 600;
  221. }
  222.  
  223. .code-level-two-closing-bracket{
  224. margin-top: 5px;
  225. margin-left: 5px;
  226. font-weight: 600;
  227. }
  228. .code-level-three-closing-bracket{
  229. margin-top: 5px;
  230. margin-left: 15px;
  231. font-weight: 600;
  232. }
  233.  
  234. .code-level-one-keyword{
  235. color: #99ddff;
  236. font-weight: 600;
  237. }
  238.  
  239. .code-user-defined-name{
  240. color: #e0ccff;
  241. font-weight: 600;
  242. }
  243.  
  244. .code-parameter {
  245. color: #c2c2d6;
  246. font-weight: 600;
  247. }
  248.  
  249. .code-parameter-special {
  250. color: #ff9966;
  251. font-weight: 600;
  252. }
  253.  
  254. .code-program{
  255. margin-top: 5px;
  256. }
  257.  
  258. .text-highlighted{
  259. font-weight: 600;
  260. background-color:aliceblue;
  261. color: #ff9999;
  262. }
  263.  
  264. .text-keyword-highlighted {
  265. font-weight: 600;
  266. background-color:gainsboro;
  267. color: red;
  268. }
  269.  
  270. .textkwywords {
  271. font-weight: 600;
  272. background-color:lightpink;
  273. color: #660066;
  274. font-size:16px;
  275. }
  276.  
  277. .li-highlighted{
  278. margin-top: 10px;
  279. }
  280.  
  281. .li-span{
  282. font-weight: 600;
  283. color: #660066;
  284. font-size:20px;
  285. }
  286.  
  287. .li-span-div {
  288. font-weight: 600;
  289. color: #660066;
  290. font-size: 17px;
  291. }
  292.  
  293. .li-span-views {
  294. font-weight: 500;
  295. color: #660066;
  296. font-size: 16px;
  297. }
  298.  
  299. .li-span-views-value{
  300. font-weight: 500;
  301. color: red;
  302. font-size: 16px;
  303. }
  304.  
  305. .li-span-interview {
  306. font-weight: 600;
  307. color: black;
  308. }
  309.  
  310. .li-table-span {
  311. font-weight: 600;
  312. color: black;
  313. }
  314.  
  315. .li-table-text {
  316. color: black;
  317. }
  318.  
  319. .li-bullet {
  320. font-weight: 600;
  321. color: black;
  322. margin-left: 30px;
  323. }
  324.  
  325. .li-span-small {
  326. font-weight: 600;
  327. color: #660066;
  328. }
  329.  
  330. .li-span-p{
  331. margin-top: 15px;
  332. margin-left: 20px;
  333. color: black;
  334. }
  335.  
  336. .li-sanp-text {
  337. margin-top: 15px;
  338. color: black;
  339. }
  340.  
  341. .li-span-two{
  342. font-size: 16px;
  343. font-weight: bold;
  344. margin-right: 13px;
  345. color: #660066;
  346. }
  347.  
  348. .setup-keword-color{
  349. color:darkgray;
  350. }
  351.  
  352. .table-header{
  353. font-weight: 700;
  354. background-color: #660066;
  355. color:white;
  356. }
  357.  
  358. .light-thin-header{
  359. height: 25px;
  360. background-color: #e6f5ff;
  361. }
  362.  
  363. .table-frist-column{
  364. font-weight: 600;
  365. background-color: aliceblue;
  366. color:#660066;
  367. }
  368.  
  369. .link-text{
  370. color: crimson
  371. }
  372.  
  373. .out-line-text{
  374. font-weight: 600;
  375. background-color: lavender
  376. }
  377. .out-line-text-one{
  378. font-weight: 600;
  379. background-color: lavender;
  380. margin-left: 30px;
  381. }
  382.  
  383. .out-line-body{
  384. position: relative;
  385. color: #555555;
  386. margin-bottom: 15px;
  387. font-size: 17px;
  388. line-height: 1.8rem;
  389. letter-spacing: .014em;
  390. }
  391.  
  392. .out-line-interview {
  393. font-weight: 600;
  394. background-color:aliceblue;
  395. margin-left: 30px;
  396. color: #555555;
  397. }
  398.  
  399. .out-line-interview-outer {
  400. font-weight: 600;
  401. background-color: aliceblue;
  402. margin-left: 30px;
  403. color: #555555;
  404. margin-bottom: 30px;
  405. }
  406.  
  407. .out-line-body-two
  408. {
  409. font-weight: 400;
  410. }
  411.  
  412. .out-put-text{
  413. margin-top: -15px;
  414. color: #660066;
  415. }
  416.  
  417. .li-data-type{
  418. margin-left: 30px;
  419. }
  420.  
  421. .h1-color{
  422. color: #660066;
  423. }
  424.  
  425. .h1-color-related {
  426. color: #660066;
  427. background-color: #eee;
  428. }
  429.  
  430. .li-service-list-one {
  431. margin-top: 10px;
  432. }
  433.  
  434. .interview-li-inner{
  435. margin-top: 10px;
  436. }
  437.  
  438. .li-service-list-two {
  439. margin-left: 30px;
  440. }
  441.  
  442. .heading-minus-top-margin {
  443. margin-top:-50px;
  444. }
  445.  
  446. .heading-plus-top-margin {
  447. margin-top: 50px;
  448. }
  449.  
  450. .heading-bottom-margin {
  451. margin-top: -30px;
  452. }
  453.  
  454. .code-bold-text
  455. {
  456. position: relative;
  457. padding-left: 30px;
  458. margin-bottom: 15px;
  459. color: #660066;
  460. font-size: 16px;
  461. }
  462.  
  463. /* Start Bread Crumb CSS Code */
  464.  
  465. ul.breadcrumb {
  466. padding: 10px 16px;
  467. list-style: none;
  468. background-color: #eee;
  469. }
  470.  
  471. ul.breadcrumb li {
  472. display: inline;
  473. font-size: 18px;
  474. }
  475.  
  476. ul.breadcrumb li + li:before {
  477. padding: 8px;
  478. color: #660066;
  479. content: "/\00a0";
  480. }
  481.  
  482. ul.breadcrumb li a {
  483. color: #660066;
  484. text-decoration: none;
  485. }
  486.  
  487. ul.breadcrumb li a:hover {
  488. color: #660066;
  489. text-decoration: underline;
  490. }
  491.  
  492. a:not([href]):not([tabindex]) {
  493. color: #660066;
  494. text-decoration: none;
  495. }
  496.  
  497. /* End Bread Crum CSS Code */
  498.  
  499. /* Start CreatedBy, LastModified, Views CSS Code */
  500.  
  501. ul.views-bar {
  502. padding: 10px 16px;
  503. list-style: none;
  504. background-color: #eee;
  505. }
  506.  
  507. ul.views-bar li {
  508. display: inline;
  509. font-size: 18px;
  510. }
  511.  
  512. ul.views-bar  li:before {
  513. padding: 8px;
  514. color: #660066;
  515. content: "\2059";
  516. }
  517.  
  518. ul.views-bar li a {
  519. color: #660066;
  520. text-decoration: none;
  521. }
  522.  
  523. ul.views-bar li a:hover {
  524. color: #660066;
  525. text-decoration: underline;
  526. }
  527.  
  528. .sidebar-page-container-related {
  529. position: relative;
  530. padding: 10px 0px 10px;
  531. }
  532.  
  533. .related-article-size{
  534. margin-top: 20px;
  535. margin-bottom: 20px;
  536. }
  537.  
  538. /* End CreatedBy, LastModified, Views CSS Code */
  539.  
  540. /* Start CSS Of C-SharpTutorial With Id*/
  541.  
  542. #alink {
  543. padding: 5px 5px 5px 5px;
  544. }
  545.  
  546. #link-views {
  547. margin-left: 20px;
  548. margin-right: 60px;
  549. }
  550.  
  551. #li-views {
  552. margin-left: 60px;
  553. }
  554.  
  555. #div-dropdown-id {
  556. margin-top: 10px;
  557. }
  558.  
  559. #code-part, #code-part-one, #code-part-two, #code-part-three, #code-part-four, #code-part-five, #code-part-six, #code-part-seven, #code-part-eight, #code-part-nine, #code-part-ten, #code-part-eleven, #code-part-twelve, #code-part-thirteen, #code-part-fourteen, #code-part-fifteen, #code-part-sixteen, #code-part-seventeen, #code-part-eighteen, #code-part-ninteen, #code-part-twenty, #code-part-twentyone, #code-part-twentytwo, #code-part-twentythree, #code-part-twentyfour, #code-part-twentyfive, #code-part-twentysix, #code-part-twentyseven, #code-part-twentyeight, #code-part-twentynine, #code-part-thirty, #code-part-thirtyone, #code-part-thirtytwo, #code-part-thirtythree, #code-part-thirtyfour, #code-part-thirtyfive, #code-part-thirtysix, #code-part-thirtyseven, #code-part-thirtyeight, #code-part-thirtynine, #code-part-fourty {
  560. color: white;
  561. }
  562.  
  563. /* End CSS Of C-SharpTutorial With Id*/
  564.  
  565. /* Media Queries Starting */
  566.  
  567. /* For Galaxy S8 Plus (1440 x 2960 | 6.2 in) */
  568. /* For Galaxy S9 Plus (1440 x 2960 | 6.2 in) */
  569. /* For Samsung Galaxy S20 (1440 x 3200 | 6.2 in) */
  570. /* For Samsung S21 (1080 x 2400 | 6.2 in) */
  571. /* For Samsung S22 (1080 x 2340 | 6.1 in) */
  572. /* For iPhone 11 Pro (1125 x 2436 | 5.8 in) */
  573. /* For iPhone 12 Mini (1080x2340 | 5.4 in) */
  574. /* For iPhone 13 Mini (1080 x 2340 | 5.4 in) */
  575. /* For iPhone 5s (640 x 1136 | 4 in) */
  576. /* For iPhone 6s (750 x 1334 | 4.7 in) */
  577. /* For iPhone 7 (750 x 1334 | 4.7 in)*/
  578. /* For iPhone 8 (750 x 1334 | 4.7 in) */
  579. /* For iPhone SE (750 x 1334 | 4.7 in) */
  580. /* For iPhone SE 2020 (750 x 1334 | 4.7 in) */
  581. /* For iPhone SE 2022 (750 x 1334 | 4.7 in) */
  582. /* For iPhone X (1125 x 2436 | 5.8 in) */
  583. /* For iPhone XS (1125 x 2436 | 5.8 in) */
  584. /* For One Plus 5T (1080 x 2160 | 6.01 in) */
  585. /* For Vivo V5S (720 x 1280 | 5.5 in)*/
  586. @media (min-width: 300px) and (max-width: 380px) {
  587. .btnclipboard {
  588. margin-top: -35px;
  589. margin-left: 30px;
  590. }
  591.  
  592. .btn-prev {
  593. background-color: white;
  594. color: black;
  595. border: 2px solid #660066;
  596. display: inline-block;
  597. font-weight: 400;
  598. text-align: center;
  599. white-space: nowrap;
  600. vertical-align: middle;
  601. -webkit-user-select: none;
  602. -moz-user-select: none;
  603. -ms-user-select: none;
  604. user-select: none;
  605. width: 335px;
  606. height: 90px;
  607. margin-top: 40px;
  608. margin-right:30px;
  609. padding-top: 40px;
  610. font-size: 1rem;
  611. line-height: 1.5;
  612. border-radius: .25rem;
  613. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  614. }
  615.  
  616. .btn-prev:hover {
  617. color: #660066;
  618. text-decoration: underline;
  619. }
  620.  
  621. .btn-next {
  622. background-color: white;
  623. color: black;
  624. border: 2px solid #660066;
  625. display: inline-block;
  626. font-weight: 400;
  627. text-align: center;
  628. white-space: nowrap;
  629. vertical-align: middle;
  630. -webkit-user-select: none;
  631. -moz-user-select: none;
  632. -ms-user-select: none;
  633. user-select: none;
  634. width: 335px;
  635. height: 90px;
  636. padding-top: 40px;
  637. margin-top: 40px;
  638. margin-right: 30px;
  639. font-size: 1rem;
  640. line-height: 1.5;
  641. border-radius: .25rem;
  642. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  643. }
  644.  
  645. .btn-next:hover {
  646. color: #660066;
  647. text-decoration: underline;
  648. }
  649.  
  650. #spanprev {
  651. position: absolute;
  652. top: 50px;
  653. transform: translateX(-50%);
  654. color: #660066;
  655. }
  656.  
  657. #titleprev {
  658. position: absolute;
  659. top: 90px;
  660. transform: translateX(-50%);
  661. color: #660066;
  662. }
  663.  
  664. #spannext {
  665. position: absolute;
  666. top: 50px;
  667. transform: translateX(-50%);
  668. color: #660066;
  669. }
  670.  
  671. #titlenext {
  672. position: absolute;
  673. top: 90px;
  674. transform: translateX(-50%);
  675. color: #660066;
  676. }
  677.  
  678. #spannextrel {
  679. position: absolute;
  680. top: 10px;
  681. transform: translateX(-50%);
  682. color: #660066;
  683. }
  684.  
  685. #titlenextrel {
  686. position: absolute;
  687. top: 50px;
  688. transform: translateX(-50%);
  689. color: #660066;
  690. }
  691.  
  692. .btn-related {
  693. background-color: white;
  694. color: black;
  695. border: 2px solid #660066;
  696. display: inline-block;
  697. font-weight: 400;
  698. text-align: center;
  699. white-space: nowrap;
  700. vertical-align: middle;
  701. -webkit-user-select: none;
  702. -moz-user-select: none;
  703. -ms-user-select: none;
  704. user-select: none;
  705. width: 335px;
  706. height: 90px;
  707. padding-top: 20px;
  708. font-size: 1rem;
  709. line-height: 1.5;
  710. border-radius: .25rem;
  711. margin-bottom:20px;
  712. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  713. }
  714.  
  715. .btn-related:hover {
  716. color: #660066;
  717. text-decoration: underline;
  718. }
  719. }
  720. /* For Samsung Galaxy S20 Plus (1440 x 3200 | 6.2 in) */
  721. /* For Samsung Galaxy S21 Plus (1080 x 2400 | 6.2 in) */
  722. /* For Samsung S21 Ultra (1440 x 3200 | 6.8 in)*/
  723. /* For Samsung S22 Ultra (1440 x 3088 | 6.8 in) */
  724. @media (min-width: 380px) and (max-width: 390px) {
  725.  
  726. .btnclipboard {
  727. margin-top: -35px;
  728. margin-left: 60px;
  729. }
  730.  
  731. .btn-prev {
  732. background-color: white;
  733. color: black;
  734. border: 2px solid #660066;
  735. display: inline-block;
  736. font-weight: 400;
  737. text-align: center;
  738. white-space: nowrap;
  739. vertical-align: middle;
  740. -webkit-user-select: none;
  741. -moz-user-select: none;
  742. -ms-user-select: none;
  743. user-select: none;
  744. width: 355px;
  745. height: 90px;
  746. margin-top: 40px;
  747. padding-top: 40px;
  748. margin-right: 30px;
  749. font-size: 1rem;
  750. line-height: 1.5;
  751. border-radius: .25rem;
  752. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  753. }
  754.  
  755. .btn-prev:hover {
  756. color: #660066;
  757. text-decoration: underline;
  758. }
  759.  
  760. .btn-next {
  761. background-color: white;
  762. color: black;
  763. border: 2px solid #660066;
  764. display: inline-block;
  765. font-weight: 400;
  766. text-align: center;
  767. white-space: nowrap;
  768. vertical-align: middle;
  769. -webkit-user-select: none;
  770. -moz-user-select: none;
  771. -ms-user-select: none;
  772. user-select: none;
  773. width: 355px;
  774. height: 90px;
  775. padding-top: 40px;
  776. margin-top: 40px;
  777. margin-right: 30px;
  778. font-size: 1rem;
  779. line-height: 1.5;
  780. border-radius: .25rem;
  781. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  782. }
  783.  
  784. .btn-next:hover {
  785. color: #660066;
  786. text-decoration: underline;
  787. }
  788.  
  789. #spanprev {
  790. position: absolute;
  791. top: 50px;
  792. transform: translateX(-50%);
  793. color: #660066;
  794. }
  795.  
  796. #titleprev {
  797. position: absolute;
  798. top: 90px;
  799. transform: translateX(-50%);
  800. color: #660066;
  801. }
  802.  
  803. #spannext {
  804. position: absolute;
  805. top: 50px;
  806. transform: translateX(-50%);
  807. color: #660066;
  808. }
  809.  
  810. #titlenext {
  811. position: absolute;
  812. top: 90px;
  813. transform: translateX(-50%);
  814. color: #660066;
  815. }
  816.  
  817. #spannextrel {
  818. position: absolute;
  819. top: 10px;
  820. transform: translateX(-50%);
  821. color: #660066;
  822. }
  823.  
  824. #titlenextrel {
  825. position: absolute;
  826. top: 50px;
  827. transform: translateX(-50%);
  828. color: #660066;
  829. }
  830.  
  831. .btn-related {
  832. background-color: white;
  833. color: black;
  834. border: 2px solid #660066;
  835. display: inline-block;
  836. font-weight: 400;
  837. text-align: center;
  838. white-space: nowrap;
  839. vertical-align: middle;
  840. -webkit-user-select: none;
  841. -moz-user-select: none;
  842. -ms-user-select: none;
  843. user-select: none;
  844. width: 355px;
  845. height: 90px;
  846. padding-top: 20px;
  847. font-size: 1rem;
  848. line-height: 1.5;
  849. border-radius: .25rem;
  850. margin-bottom: 20px;
  851. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  852. }
  853.  
  854. .btn-related:hover {
  855. color: #660066;
  856. text-decoration: underline;
  857. }
  858. }
  859. /* For Samsung Galaxy S23 (2340 x 1080 | 6.1 in) */
  860. /* For iPhone 12 (1170x2532 | 6.1 in) */
  861. /* For iPhone 12 Pro (1170x2532 | 6.1 in) */
  862. /* For iPhone 13 (1170 x 2532 | 6.1 in) */
  863. /* For iPhone 13 Pro (1170 x 2532 | 6.1 in) */
  864. /* For iPhone 14 (1170 x 2532 | 6.06 in) */
  865. /* For iPhone 14 Pro (1179 x 2556 | 6.12 in) */
  866. /* For iPhone 15 (2556 x 1179 | 6.1 in) */
  867. /* For iPhone 15 Pro (2556 x 1179 | 6.1 in) */
  868. /* For Google Pixel 4 (1080 x 2280 | 5.7 in) */
  869. /* For Google Pixel 5 (1080 x 2340 | 6 in) */
  870. /* For Google Pixel 6 (1080 x 2400 | 6.4 in) */
  871. /* For MotoG 2nd gen (720 x 1280 | 5.2 in) */
  872. @media (min-width: 390px) and (max-width: 400px) {
  873.  
  874. .btnclipboard {
  875. margin-top: -35px;
  876. margin-left: 60px;
  877. }
  878.  
  879. .btn-prev {
  880. background-color: white;
  881. color: black;
  882. border: 2px solid #660066;
  883. display: inline-block;
  884. font-weight: 400;
  885. text-align: center;
  886. white-space: nowrap;
  887. vertical-align: middle;
  888. -webkit-user-select: none;
  889. -moz-user-select: none;
  890. -ms-user-select: none;
  891. user-select: none;
  892. width: 365px;
  893. height: 90px;
  894. margin-top: 40px;
  895. padding-top: 40px;
  896. margin-right: 30px;
  897. font-size: 1rem;
  898. line-height: 1.5;
  899. border-radius: .25rem;
  900. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  901. }
  902.  
  903. .btn-prev:hover {
  904. color: #660066;
  905. text-decoration: underline;
  906. }
  907.  
  908. .btn-next {
  909. background-color: white;
  910. color: black;
  911. border: 2px solid #660066;
  912. display: inline-block;
  913. font-weight: 400;
  914. text-align: center;
  915. white-space: nowrap;
  916. vertical-align: middle;
  917. -webkit-user-select: none;
  918. -moz-user-select: none;
  919. -ms-user-select: none;
  920. user-select: none;
  921. width: 365px;
  922. height: 90px;
  923. padding-top: 40px;
  924. margin-top: 40px;
  925. margin-right: 30px;
  926. font-size: 1rem;
  927. line-height: 1.5;
  928. border-radius: .25rem;
  929. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  930. }
  931.  
  932. .btn-next:hover {
  933. color: #660066;
  934. text-decoration: underline;
  935. }
  936.  
  937. #spanprev {
  938. position: absolute;
  939. top: 50px;
  940. transform: translateX(-50%);
  941. color: #660066;
  942. }
  943.  
  944. #titleprev {
  945. position: absolute;
  946. top: 90px;
  947. transform: translateX(-50%);
  948. color: #660066;
  949. }
  950.  
  951. #spannext {
  952. position: absolute;
  953. top: 50px;
  954. transform: translateX(-50%);
  955. color: #660066;
  956. }
  957.  
  958. #titlenext {
  959. position: absolute;
  960. top: 90px;
  961. transform: translateX(-50%);
  962. color: #660066;
  963. }
  964.  
  965. #spannextrel {
  966. position: absolute;
  967. top: 10px;
  968. transform: translateX(-50%);
  969. color: #660066;
  970. }
  971.  
  972. #titlenextrel {
  973. position: absolute;
  974. top: 50px;
  975. transform: translateX(-50%);
  976. color: #660066;
  977. }
  978.  
  979. .btn-related {
  980. background-color: white;
  981. color: black;
  982. border: 2px solid #660066;
  983. display: inline-block;
  984. font-weight: 400;
  985. text-align: center;
  986. white-space: nowrap;
  987. vertical-align: middle;
  988. -webkit-user-select: none;
  989. -moz-user-select: none;
  990. -ms-user-select: none;
  991. user-select: none;
  992. width: 365px;
  993. height: 90px;
  994. padding-top: 20px;
  995. font-size: 1rem;
  996. line-height: 1.5;
  997. border-radius: .25rem;
  998. margin-bottom: 20px;
  999. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1000. }
  1001.  
  1002. .btn-related:hover {
  1003. color: #660066;
  1004. text-decoration: underline;
  1005. }
  1006. }
  1007. /* For Galaxy Not 9, 1440 *  2960  (6.4 in) */
  1008. /* For Galaxy Not 10+, 1440 *  3040  (6.8 in) */
  1009. /* For Galaxy Not 20 Ultra, 1440 *  3088  (6.9 in) */
  1010. /* For Samsung Galaxy S20 Ultra (1440 x 3200 | 6.9 in) */
  1011. /* For Samsung Galaxy S23 Ultra (3088 x 1440 | 6.8 in) */
  1012. /* For iPhone 11 (828 x 1792 | 6.1 in) */
  1013. /* For iPhone 11 Pro Max (1242 x 2688 | 6.5 in) */
  1014. /* For iPhone 6 Plus (1080 x 1920 | 5.5 in) */
  1015. /* For iPhone 6s Plus (1080 x 1920 | 5.5 in) */
  1016. /* For iPhone 7 Plus (1080 x 1920 | 5.5 in) */
  1017. /* For iPhone 8 Plus (1080 x 1920 | 5.5 in)*/
  1018. /* For iPhone XR (828 x 1792 | 6.1 in) */
  1019. /* For iPhone XS Max (1242 x 2688 | 6.5 in) */
  1020. /* For Google Pixel (1080 x 1920 | 5 in) */
  1021. /* For Google Pixel 3 (1080 x 2160 | 5.5 in)*/
  1022. /* For Google Pixel 3 XL (1440 x 2960 | 6.3 in)*/
  1023. /* For Google Pixel 4 XL (1440 x 3040 | 6.3 in)*/
  1024. /* For Google Pixel 6 Pro (1440 x 3120 | 6.7 in) */
  1025. /* For Google Pixel 7 (2400 x 1080 | 6.3 in) */
  1026. /* For Google Pixel 7 Pro (1440 x 3120 | 6.7 in) */
  1027. /* For Google Pixel XL (1440 x 2560 | 5.5 in) */
  1028. /* For One Plus 6T (1080 x 2340 | 6.41 in) */
  1029. /* For One Plus 8 (1080 x 2400 | 6.55 in) */
  1030. /* For One Plus 9 (1080 x 2400 | 6.55 in) */
  1031. /* For One Plus 9 Pro (1440 x 3216 | 6.7 in) */
  1032. /* For One Plus Nord (1080 x 2400 | 6.44 in) */
  1033. /* For OnePlus 10 Pro (1440 x 3216 | 6.7 in) */
  1034. @media (min-width: 400px) and (max-width: 415px) {
  1035.  
  1036. .btnclipboard {
  1037. margin-top: -35px;
  1038. margin-left: 90px;
  1039. }
  1040.  
  1041. .btn-prev {
  1042. background-color: white;
  1043. color: black;
  1044. border: 2px solid #660066;
  1045. display: inline-block;
  1046. font-weight: 400;
  1047. text-align: center;
  1048. white-space: nowrap;
  1049. vertical-align: middle;
  1050. -webkit-user-select: none;
  1051. -moz-user-select: none;
  1052. -ms-user-select: none;
  1053. user-select: none;
  1054. width: 380px;
  1055. height: 90px;
  1056. margin-top: 40px;
  1057. padding-top: 40px;
  1058. margin-right: 30px;
  1059. font-size: 1rem;
  1060. line-height: 1.5;
  1061. border-radius: .25rem;
  1062. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1063. }
  1064.  
  1065. .btn-prev:hover {
  1066. color: #660066;
  1067. text-decoration: underline;
  1068. }
  1069.  
  1070. .btn-next {
  1071. background-color: white;
  1072. color: black;
  1073. border: 2px solid #660066;
  1074. display: inline-block;
  1075. font-weight: 400;
  1076. text-align: center;
  1077. white-space: nowrap;
  1078. vertical-align: middle;
  1079. -webkit-user-select: none;
  1080. -moz-user-select: none;
  1081. -ms-user-select: none;
  1082. user-select: none;
  1083. width: 380px;
  1084. height: 90px;
  1085. padding-top: 40px;
  1086. margin-top: 40px;
  1087. margin-right: 30px;
  1088. font-size: 1rem;
  1089. line-height: 1.5;
  1090. border-radius: .25rem;
  1091. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1092. }
  1093.  
  1094. .btn-next:hover {
  1095. color: #660066;
  1096. text-decoration: underline;
  1097. }
  1098.  
  1099. #spanprev {
  1100. position: absolute;
  1101. top: 50px;
  1102. transform: translateX(-50%);
  1103. color: #660066;
  1104. }
  1105.  
  1106. #titleprev {
  1107. position: absolute;
  1108. top: 90px;
  1109. transform: translateX(-50%);
  1110. color: #660066;
  1111. }
  1112.  
  1113. #spannext {
  1114. position: absolute;
  1115. top: 50px;
  1116. transform: translateX(-50%);
  1117. color: #660066;
  1118. }
  1119.  
  1120. #titlenext {
  1121. position: absolute;
  1122. top: 90px;
  1123. transform: translateX(-50%);
  1124. color: #660066;
  1125. }
  1126.  
  1127. #spannextrel {
  1128. position: absolute;
  1129. top: 10px;
  1130. transform: translateX(-50%);
  1131. color: #660066;
  1132. }
  1133.  
  1134. #titlenextrel {
  1135. position: absolute;
  1136. top: 50px;
  1137. transform: translateX(-50%);
  1138. color: #660066;
  1139. }
  1140.  
  1141. .btn-related {
  1142. background-color: white;
  1143. color: black;
  1144. border: 2px solid #660066;
  1145. display: inline-block;
  1146. font-weight: 400;
  1147. text-align: center;
  1148. white-space: nowrap;
  1149. vertical-align: middle;
  1150. -webkit-user-select: none;
  1151. -moz-user-select: none;
  1152. -ms-user-select: none;
  1153. user-select: none;
  1154. width: 380px;
  1155. height: 90px;
  1156. padding-top: 20px;
  1157. font-size: 1rem;
  1158. line-height: 1.5;
  1159. border-radius: .25rem;
  1160. margin-bottom: 20px;
  1161. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1162. }
  1163.  
  1164. .btn-related:hover {
  1165. color: #660066;
  1166. text-decoration: underline;
  1167. }
  1168. }
  1169. /* For Samsung Galaxy S23 Plus (2340 x 1080 | 6.6 in) */
  1170. /* For iPhone 12 Pro Max (1284x2778 | 6.7 in) */
  1171. /* For iPhone 13 Pro Max (1284 x 2778 | 6.7 in) */
  1172. /* For iPhone 14 Plus (1284 x 2778 | 6.68 in) */
  1173. /* For iPhone 14 Pro Max (1290 x 2796 | 6.69 in) */
  1174. /* For iPhone 15 Pro Max (2796 x 1290 | 6.7 in) */
  1175. /* For One Plus 3T (1080 x 1920 | 5.5 in) */
  1176. /* For Vivo V15 Pro (1080 x 2340 | 6.39 in) */
  1177. @media (min-width: 416px) and (max-width: 440px) {
  1178.  
  1179. .btnclipboard {
  1180. margin-top: -35px;
  1181. margin-left: 110px;
  1182. }
  1183.  
  1184. .btn-prev {
  1185. background-color: white;
  1186. color: black;
  1187. border: 2px solid #660066;
  1188. display: inline-block;
  1189. font-weight: 400;
  1190. text-align: center;
  1191. white-space: nowrap;
  1192. vertical-align: middle;
  1193. -webkit-user-select: none;
  1194. -moz-user-select: none;
  1195. -ms-user-select: none;
  1196. user-select: none;
  1197. width: 400px;
  1198. height: 90px;
  1199. margin-top: 40px;
  1200. padding-top: 40px;
  1201. margin-right: 30px;
  1202. font-size: 1rem;
  1203. line-height: 1.5;
  1204. border-radius: .25rem;
  1205. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1206. }
  1207.  
  1208. .btn-prev:hover {
  1209. color: #660066;
  1210. text-decoration: underline;
  1211. }
  1212.  
  1213. .btn-next {
  1214. background-color: white;
  1215. color: black;
  1216. border: 2px solid #660066;
  1217. display: inline-block;
  1218. font-weight: 400;
  1219. text-align: center;
  1220. white-space: nowrap;
  1221. vertical-align: middle;
  1222. -webkit-user-select: none;
  1223. -moz-user-select: none;
  1224. -ms-user-select: none;
  1225. user-select: none;
  1226. width: 400px;
  1227. height: 90px;
  1228. padding-top: 40px;
  1229. margin-top: 40px;
  1230. margin-right: 30px;
  1231. font-size: 1rem;
  1232. line-height: 1.5;
  1233. border-radius: .25rem;
  1234. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1235. }
  1236.  
  1237. .btn-next:hover {
  1238. color: #660066;
  1239. text-decoration: underline;
  1240. }
  1241.  
  1242. #spanprev {
  1243. position: absolute;
  1244. top: 50px;
  1245. transform: translateX(-50%);
  1246. color: #660066;
  1247. }
  1248.  
  1249. #titleprev {
  1250. position: absolute;
  1251. top: 90px;
  1252. transform: translateX(-50%);
  1253. color: #660066;
  1254. }
  1255.  
  1256. #spannext {
  1257. position: absolute;
  1258. top: 50px;
  1259. transform: translateX(-50%);
  1260. color: #660066;
  1261. }
  1262.  
  1263. #titlenext {
  1264. position: absolute;
  1265. top: 90px;
  1266. transform: translateX(-50%);
  1267. color: #660066;
  1268. }
  1269.  
  1270. #spannextrel {
  1271. position: absolute;
  1272. top: 10px;
  1273. transform: translateX(-50%);
  1274. color: #660066;
  1275. }
  1276.  
  1277. #titlenextrel {
  1278. position: absolute;
  1279. top: 50px;
  1280. transform: translateX(-50%);
  1281. color: #660066;
  1282. }
  1283.  
  1284. .btn-related {
  1285. background-color: white;
  1286. color: black;
  1287. border: 2px solid #660066;
  1288. display: inline-block;
  1289. font-weight: 400;
  1290. text-align: center;
  1291. white-space: nowrap;
  1292. vertical-align: middle;
  1293. -webkit-user-select: none;
  1294. -moz-user-select: none;
  1295. -ms-user-select: none;
  1296. user-select: none;
  1297. width: 400px;
  1298. height: 90px;
  1299. padding-top: 20px;
  1300. font-size: 1rem;
  1301. line-height: 1.5;
  1302. border-radius: .25rem;
  1303. margin-bottom: 20px;
  1304. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1305. }
  1306.  
  1307. .btn-related:hover {
  1308. color: #660066;
  1309. text-decoration: underline;
  1310. }
  1311. }
  1312. /* For Galaxy J7 max (1080 x 1920 | 5.7 in)*/
  1313. @media (min-width: 440px) and (max-width: 460px) {
  1314.  
  1315. .btnclipboard {
  1316. margin-top: -35px;
  1317. margin-left: 110px;
  1318. }
  1319.  
  1320. .btn-prev {
  1321. background-color: white;
  1322. color: black;
  1323. border: 2px solid #660066;
  1324. display: inline-block;
  1325. font-weight: 400;
  1326. text-align: center;
  1327. white-space: nowrap;
  1328. vertical-align: middle;
  1329. -webkit-user-select: none;
  1330. -moz-user-select: none;
  1331. -ms-user-select: none;
  1332. user-select: none;
  1333. width: 420px;
  1334. height: 90px;
  1335. margin-top: 40px;
  1336. padding-top: 40px;
  1337. margin-right: 30px;
  1338. font-size: 1rem;
  1339. line-height: 1.5;
  1340. border-radius: .25rem;
  1341. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1342. }
  1343.  
  1344. .btn-prev:hover {
  1345. color: #660066;
  1346. text-decoration: underline;
  1347. }
  1348.  
  1349. .btn-next {
  1350. background-color: white;
  1351. color: black;
  1352. border: 2px solid #660066;
  1353. display: inline-block;
  1354. font-weight: 400;
  1355. text-align: center;
  1356. white-space: nowrap;
  1357. vertical-align: middle;
  1358. -webkit-user-select: none;
  1359. -moz-user-select: none;
  1360. -ms-user-select: none;
  1361. user-select: none;
  1362. width: 420px;
  1363. height: 90px;
  1364. padding-top: 40px;
  1365. margin-top: 40px;
  1366. margin-right: 30px;
  1367. font-size: 1rem;
  1368. line-height: 1.5;
  1369. border-radius: .25rem;
  1370. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1371. }
  1372.  
  1373. .btn-next:hover {
  1374. color: #660066;
  1375. text-decoration: underline;
  1376. }
  1377.  
  1378. #spanprev {
  1379. position: absolute;
  1380. top: 50px;
  1381. transform: translateX(-50%);
  1382. color: #660066;
  1383. }
  1384.  
  1385. #titleprev {
  1386. position: absolute;
  1387. top: 90px;
  1388. transform: translateX(-50%);
  1389. color: #660066;
  1390. }
  1391.  
  1392. #spannext {
  1393. position: absolute;
  1394. top: 50px;
  1395. transform: translateX(-50%);
  1396. color: #660066;
  1397. }
  1398.  
  1399. #titlenext {
  1400. position: absolute;
  1401. top: 90px;
  1402. transform: translateX(-50%);
  1403. color: #660066;
  1404. }
  1405.  
  1406. #spannextrel {
  1407. position: absolute;
  1408. top: 10px;
  1409. transform: translateX(-50%);
  1410. color: #660066;
  1411. }
  1412.  
  1413. #titlenextrel {
  1414. position: absolute;
  1415. top: 50px;
  1416. transform: translateX(-50%);
  1417. color: #660066;
  1418. }
  1419.  
  1420. .btn-related {
  1421. background-color: white;
  1422. color: black;
  1423. border: 2px solid #660066;
  1424. display: inline-block;
  1425. font-weight: 400;
  1426. text-align: center;
  1427. white-space: nowrap;
  1428. vertical-align: middle;
  1429. -webkit-user-select: none;
  1430. -moz-user-select: none;
  1431. -ms-user-select: none;
  1432. user-select: none;
  1433. width: 420px;
  1434. height: 90px;
  1435. padding-top: 20px;
  1436. font-size: 1rem;
  1437. line-height: 1.5;
  1438. border-radius: .25rem;
  1439. margin-bottom: 20px;
  1440. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1441. }
  1442.  
  1443. .btn-related:hover {
  1444. color: #660066;
  1445. text-decoration: underline;
  1446. }
  1447. }
  1448. /* For Galaxy Tab S4 10.5 (1600 x 2560 | 10.5 in) */
  1449. /* For iPad (6th Generation) (1536 x 2048 | 9.7 in) */
  1450. @media (min-width: 835px) and (max-width: 991px) {
  1451. .btnclipboard {
  1452. margin-top: -35px;
  1453. margin-left: 460px;
  1454. }
  1455.  
  1456. .btn-prev {
  1457. background-color: white;
  1458. color: black;
  1459. border: 2px solid #660066;
  1460. display: inline-block;
  1461. font-weight: 400;
  1462. text-align: center;
  1463. white-space: nowrap;
  1464. vertical-align: middle;
  1465. -webkit-user-select: none;
  1466. -moz-user-select: none;
  1467. -ms-user-select: none;
  1468. user-select: none;
  1469. width: 410px;
  1470. height: 90px;
  1471. margin-top: 40px;
  1472. margin-right: 30px;
  1473. padding-top: 40px;
  1474. font-size: 1rem;
  1475. line-height: 1.5;
  1476. border-radius: .25rem;
  1477. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1478. }
  1479.  
  1480. .btn-prev:hover {
  1481. color: #660066;
  1482. text-decoration: underline;
  1483. }
  1484.  
  1485. .btn-next {
  1486. background-color: white;
  1487. color: black;
  1488. border: 2px solid #660066;
  1489. display: inline-block;
  1490. font-weight: 400;
  1491. text-align: center;
  1492. white-space: nowrap;
  1493. vertical-align: middle;
  1494. -webkit-user-select: none;
  1495. -moz-user-select: none;
  1496. -ms-user-select: none;
  1497. user-select: none;
  1498. width: 410px;
  1499. height: 90px;
  1500. padding-top: 40px;
  1501. margin-top: 40px;
  1502. margin-right: 30px;
  1503. font-size: 1rem;
  1504. line-height: 1.5;
  1505. border-radius: .25rem;
  1506. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1507. }
  1508.  
  1509. .btn-next:hover {
  1510. color: #660066;
  1511. text-decoration: underline;
  1512. }
  1513.  
  1514. #spanprev {
  1515. position: absolute;
  1516. top: 50px;
  1517. transform: translateX(-50%);
  1518. color: #660066;
  1519. }
  1520.  
  1521. #titleprev {
  1522. position: absolute;
  1523. top: 90px;
  1524. transform: translateX(-50%);
  1525. color: #660066;
  1526. }
  1527.  
  1528. #spannext {
  1529. position: absolute;
  1530. top: 50px;
  1531. transform: translateX(-50%);
  1532. color: #660066;
  1533. }
  1534.  
  1535. #titlenext {
  1536. position: absolute;
  1537. top: 90px;
  1538. transform: translateX(-50%);
  1539. color: #660066;
  1540. }
  1541.  
  1542. #spannextrel {
  1543. position: absolute;
  1544. top: 10px;
  1545. transform: translateX(-50%);
  1546. color: #660066;
  1547. }
  1548.  
  1549. #titlenextrel {
  1550. position: absolute;
  1551. top: 50px;
  1552. transform: translateX(-50%);
  1553. color: #660066;
  1554. }
  1555.  
  1556. .btn-related {
  1557. background-color: white;
  1558. color: black;
  1559. border: 2px solid #660066;
  1560. display: inline-block;
  1561. font-weight: 400;
  1562. text-align: center;
  1563. white-space: nowrap;
  1564. vertical-align: middle;
  1565. -webkit-user-select: none;
  1566. -moz-user-select: none;
  1567. -ms-user-select: none;
  1568. user-select: none;
  1569. width: 420px;
  1570. height: 90px;
  1571. padding-top: 20px;
  1572. font-size: 1rem;
  1573. line-height: 1.5;
  1574. border-radius: .25rem;
  1575. margin-bottom: 20px;
  1576. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1577. }
  1578.  
  1579. .btn-related:hover {
  1580. color: #660066;
  1581. text-decoration: underline;
  1582. }
  1583. }
  1584. /* Large devices (laptops/desktops, 992px and up) */
  1585. @media only screen and (min-width: 1024px) {
  1586. .btnclipboard {
  1587. margin-top: -35px;
  1588. margin-left: -460px;
  1589. }
  1590.  
  1591. .btn-prev {
  1592. background-color: white;
  1593. color: black;
  1594. border: 2px solid #660066;
  1595. display: inline-block;
  1596. font-weight: 400;
  1597. text-align: center;
  1598. white-space: nowrap;
  1599. vertical-align: middle;
  1600. -webkit-user-select: none;
  1601. -moz-user-select: none;
  1602. -ms-user-select: none;
  1603. user-select: none;
  1604. width: 380px;
  1605. height: 90px;
  1606. padding-top: 20px;
  1607. font-size: 1rem;
  1608. line-height: 1.5;
  1609. border-radius: .25rem;
  1610. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1611. }
  1612.  
  1613. .btn-prev:hover {
  1614. color: #660066;
  1615. text-decoration: underline;
  1616. }
  1617.  
  1618. .btn-next {
  1619. background-color: white;
  1620. color: black;
  1621. border: 2px solid #660066;
  1622. display: inline-block;
  1623. font-weight: 400;
  1624. text-align: center;
  1625. white-space: nowrap;
  1626. vertical-align: middle;
  1627. -webkit-user-select: none;
  1628. -moz-user-select: none;
  1629. -ms-user-select: none;
  1630. user-select: none;
  1631. width: 380px;
  1632. height: 90px;
  1633. padding-top: 20px;
  1634. font-size: 1rem;
  1635. line-height: 1.5;
  1636. border-radius: .25rem;
  1637. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1638. }
  1639.  
  1640. .btn-next:hover {
  1641. color: #660066;
  1642. text-decoration: underline;
  1643. }
  1644.  
  1645. #spanprev {
  1646. position: absolute;
  1647. top: 10px;
  1648. transform: translateX(-50%);
  1649. color: #660066;
  1651. }
  1652.  
  1653.   #titleprev {
  1654. position: absolute;
  1655. top: 50px;
  1656. transform: translateX(-50%);
  1657. color: #660066;
  1659. }
  1660.  
  1661. #spannext {
  1662. position: absolute;
  1663. top: 10px;
  1664. transform: translateX(-50%);
  1665. color: #660066;
  1667. }
  1668.  
  1669. #titlenext {
  1670. position: absolute;
  1671. top: 50px;
  1672. transform: translateX(-50%);
  1673. color: #660066;
  1675. }
  1676.  
  1677. #spannextrel {
  1678. position: absolute;
  1679. top: 10px;
  1680. transform: translateX(-50%);
  1681. color: #660066;
  1682. }
  1683.  
  1684. #titlenextrel {
  1685. position: absolute;
  1686. top: 50px;
  1687. transform: translateX(-50%);
  1688. color: #660066;
  1689. }
  1690.  
  1691. .btn-related {
  1692. background-color: white;
  1693. color: black;
  1694. border: 2px solid #660066;
  1695. display: inline-block;
  1696. font-weight: 400;
  1697. text-align: center;
  1698. white-space: nowrap;
  1699. vertical-align: middle;
  1700. -webkit-user-select: none;
  1701. -moz-user-select: none;
  1702. -ms-user-select: none;
  1703. user-select: none;
  1704. width: 370px;
  1705. height: 90px;
  1706. padding-top: 20px;
  1707. font-size: 1rem;
  1708. line-height: 1.5;
  1709. border-radius: .25rem;
  1710. margin-bottom: 20px;
  1711. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1712. }
  1713.  
  1714. .btn-related:hover {
  1715. color: #660066;
  1716. text-decoration: underline;
  1717. }
  1718. }
  1719. /* For iPad Mini 4 (1536 x 2048 | 7.9 in) */
  1720. /* For iPad Pro 9.7 inch (1536 x 2048 | 9.7 in) */
  1721. @media (min-width: 550px) and (max-width: 800px) {
  1722. .btnclipboard {
  1723. margin-top: -35px;
  1724. margin-left: 360px;
  1725. }
  1726.  
  1727. .btn-prev {
  1728. background-color: white;
  1729. color: black;
  1730. border: 2px solid #660066;
  1731. display: inline-block;
  1732. font-weight: 400;
  1733. text-align: center;
  1734. white-space: nowrap;
  1735. vertical-align: middle;
  1736. -webkit-user-select: none;
  1737. -moz-user-select: none;
  1738. -ms-user-select: none;
  1739. user-select: none;
  1740. width: 310px;
  1741. height: 90px;
  1742. margin-top: 40px;
  1743. margin-right: 30px;
  1744. padding-top: 40px;
  1745. font-size: 1rem;
  1746. line-height: 1.5;
  1747. border-radius: .25rem;
  1748. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1749. }
  1750.  
  1751. .btn-prev:hover {
  1752. color: #660066;
  1753. text-decoration: underline;
  1754. }
  1755.  
  1756. .btn-next {
  1757. background-color: white;
  1758. color: black;
  1759. border: 2px solid #660066;
  1760. display: inline-block;
  1761. font-weight: 400;
  1762. text-align: center;
  1763. white-space: nowrap;
  1764. vertical-align: middle;
  1765. -webkit-user-select: none;
  1766. -moz-user-select: none;
  1767. -ms-user-select: none;
  1768. user-select: none;
  1769. width: 310px;
  1770. height: 90px;
  1771. padding-top: 40px;
  1772. margin-top: 40px;
  1773. margin-right: 30px;
  1774. font-size: 1rem;
  1775. line-height: 1.5;
  1776. border-radius: .25rem;
  1777. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1778. }
  1779.  
  1780. .btn-next:hover {
  1781. color: #660066;
  1782. text-decoration: underline;
  1783. }
  1784.  
  1785. #spanprev {
  1786. position: absolute;
  1787. top: 50px;
  1788. transform: translateX(-50%);
  1789. color: #660066;
  1790. }
  1791.  
  1792. #titleprev {
  1793. position: absolute;
  1794. top: 90px;
  1795. transform: translateX(-50%);
  1796. color: #660066;
  1797. }
  1798.  
  1799. #spannext {
  1800. position: absolute;
  1801. top: 50px;
  1802. transform: translateX(-50%);
  1803. color: #660066;
  1804. }
  1805.  
  1806. #titlenext {
  1807. position: absolute;
  1808. top: 90px;
  1809. transform: translateX(-50%);
  1810. color: #660066;
  1811. }
  1812.  
  1813. #spannextrel {
  1814. position: absolute;
  1815. top: 10px;
  1816. transform: translateX(-50%);
  1817. color: #660066;
  1818. }
  1819.  
  1820. #titlenextrel {
  1821. position: absolute;
  1822. top: 50px;
  1823. transform: translateX(-50%);
  1824. color: #660066;
  1825. }
  1826.  
  1827. .btn-related {
  1828. background-color: white;
  1829. color: black;
  1830. border: 2px solid #660066;
  1831. display: inline-block;
  1832. font-weight: 400;
  1833. text-align: center;
  1834. white-space: nowrap;
  1835. vertical-align: middle;
  1836. -webkit-user-select: none;
  1837. -moz-user-select: none;
  1838. -ms-user-select: none;
  1839. user-select: none;
  1840. width: 310px;
  1841. height: 90px;
  1842. padding-top: 20px;
  1843. font-size: 1rem;
  1844. line-height: 1.5;
  1845. border-radius: .25rem;
  1846. margin-bottom: 20px;
  1847. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1848. }
  1849.  
  1850. .btn-related:hover {
  1851. color: #660066;
  1852. text-decoration: underline;
  1853. }
  1854. }
  1855. /* For iPad Pro (2048 x 2732 | 12.9 in) */
  1856. /* For Desktop 1024 x 768 (1024 x 768 ) */
  1857. @media (min-width: 991px) and (max-width: 1024px) {
  1858. /* Your CSS styles for 12.9-inch iPad Pro portrait go here */
  1859. .btnclipboard {
  1860. margin-top: -35px;
  1861. margin-left: -900px;
  1862. }
  1863.  
  1864. .btn-prev {
  1865. background-color: white;
  1866. color: black;
  1867. border: 2px solid #660066;
  1868. display: inline-block;
  1869. font-weight: 400;
  1870. text-align: center;
  1871. white-space: nowrap;
  1872. vertical-align: middle;
  1873. -webkit-user-select: none;
  1874. -moz-user-select: none;
  1875. -ms-user-select: none;
  1876. user-select: none;
  1877. width: 230px;
  1878. height: 90px;
  1879. margin-top: 40px;
  1880. margin-right: 30px;
  1881. padding-top: 40px;
  1882. font-size: 1rem;
  1883. line-height: 1.5;
  1884. border-radius: .25rem;
  1885. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1886. }
  1887.  
  1888. .btn-prev:hover {
  1889. color: #660066;
  1890. text-decoration: underline;
  1891. }
  1892.  
  1893. .btn-next {
  1894. background-color: white;
  1895. color: black;
  1896. border: 2px solid #660066;
  1897. display: inline-block;
  1898. font-weight: 400;
  1899. text-align: center;
  1900. white-space: nowrap;
  1901. vertical-align: middle;
  1902. -webkit-user-select: none;
  1903. -moz-user-select: none;
  1904. -ms-user-select: none;
  1905. user-select: none;
  1906. width: 230px;
  1907. height: 90px;
  1908. padding-top: 40px;
  1909. margin-top: 40px;
  1910. margin-right: 30px;
  1911. font-size: 1rem;
  1912. line-height: 1.5;
  1913. border-radius: .25rem;
  1914. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1915. }
  1916.  
  1917. .btn-next:hover {
  1918. color: #660066;
  1919. text-decoration: underline;
  1920. }
  1921.  
  1922. #spanprev {
  1923. position: absolute;
  1924. top: 50px;
  1925. transform: translateX(-50%);
  1926. color: #660066;
  1927. }
  1928.  
  1929. #titleprev {
  1930. position: absolute;
  1931. top: 90px;
  1932. transform: translateX(-50%);
  1933. color: #660066;
  1934. }
  1935.  
  1936. #spannext {
  1937. position: absolute;
  1938. top: 50px;
  1939. transform: translateX(-50%);
  1940. color: #660066;
  1941. }
  1942.  
  1943. #titlenext {
  1944. position: absolute;
  1945. top: 90px;
  1946. transform: translateX(-50%);
  1947. color: #660066;
  1948. }
  1949.  
  1950. #spannextrel {
  1951. position: absolute;
  1952. top: 10px;
  1953. transform: translateX(-50%);
  1954. color: #660066;
  1955. }
  1956.  
  1957. #titlenextrel {
  1958. position: absolute;
  1959. top: 50px;
  1960. transform: translateX(-50%);
  1961. color: #660066;
  1962. }
  1963.  
  1964. .btn-related {
  1965. background-color: white;
  1966. color: black;
  1967. border: 2px solid #660066;
  1968. display: inline-block;
  1969. font-weight: 400;
  1970. text-align: center;
  1971. white-space: nowrap;
  1972. vertical-align: middle;
  1973. -webkit-user-select: none;
  1974. -moz-user-select: none;
  1975. -ms-user-select: none;
  1976. user-select: none;
  1977. width: 230px;
  1978. height: 90px;
  1979. padding-top: 20px;
  1980. font-size: 1rem;
  1981. line-height: 1.5;
  1982. border-radius: .25rem;
  1983. margin-bottom: 20px;
  1984. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1985. }
  1986.  
  1987. .btn-related:hover {
  1988. color: #660066;
  1989. text-decoration: underline;
  1990. }
  1991. }
  1992. /* For iPad Pro 11 inch (1668 x 2388 | 11 in) */
  1993. @media (min-width: 800px) and (max-width: 835px) {
  1994. /* Your CSS styles for 12.9-inch iPad Pro portrait go here */
  1995. .btnclipboard {
  1996. margin-top: -35px;
  1997. margin-left: 420px
  1998. }
  1999.  
  2000. .btn-prev {
  2001. background-color: white;
  2002. color: black;
  2003. border: 2px solid #660066;
  2004. display: inline-block;
  2005. font-weight: 400;
  2006. text-align: center;
  2007. white-space: nowrap;
  2008. vertical-align: middle;
  2009. -webkit-user-select: none;
  2010. -moz-user-select: none;
  2011. -ms-user-select: none;
  2012. user-select: none;
  2013. width: 330px;
  2014. height: 90px;
  2015. margin-top: 40px;
  2016. margin-right: 30px;
  2017. padding-top: 40px;
  2018. font-size: 1rem;
  2019. line-height: 1.5;
  2020. border-radius: .25rem;
  2021. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2022. }
  2023.  
  2024. .btn-prev:hover {
  2025. color: #660066;
  2026. text-decoration: underline;
  2027. }
  2028.  
  2029. .btn-next {
  2030. background-color: white;
  2031. color: black;
  2032. border: 2px solid #660066;
  2033. display: inline-block;
  2034. font-weight: 400;
  2035. text-align: center;
  2036. white-space: nowrap;
  2037. vertical-align: middle;
  2038. -webkit-user-select: none;
  2039. -moz-user-select: none;
  2040. -ms-user-select: none;
  2041. user-select: none;
  2042. width: 330px;
  2043. height: 90px;
  2044. padding-top: 40px;
  2045. margin-top: 40px;
  2046. margin-right: 30px;
  2047. font-size: 1rem;
  2048. line-height: 1.5;
  2049. border-radius: .25rem;
  2050. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2051. }
  2052.  
  2053. .btn-next:hover {
  2054. color: #660066;
  2055. text-decoration: underline;
  2056. }
  2057.  
  2058. #spanprev {
  2059. position: absolute;
  2060. top: 50px;
  2061. transform: translateX(-50%);
  2062. color: #660066;
  2063. }
  2064.  
  2065. #titleprev {
  2066. position: absolute;
  2067. top: 90px;
  2068. transform: translateX(-50%);
  2069. color: #660066;
  2070. }
  2071.  
  2072. #spannext {
  2073. position: absolute;
  2074. top: 50px;
  2075. transform: translateX(-50%);
  2076. color: #660066;
  2077. }
  2078.  
  2079. #titlenext {
  2080. position: absolute;
  2081. top: 90px;
  2082. transform: translateX(-50%);
  2083. color: #660066;
  2084. }
  2085.  
  2086. #spannextrel {
  2087. position: absolute;
  2088. top: 10px;
  2089. transform: translateX(-50%);
  2090. color: #660066;
  2091. }
  2092.  
  2093. #titlenextrel {
  2094. position: absolute;
  2095. top: 50px;
  2096. transform: translateX(-50%);
  2097. color: #660066;
  2098. }
  2099.  
  2100. .btn-related {
  2101. background-color: white;
  2102. color: black;
  2103. border: 2px solid #660066;
  2104. display: inline-block;
  2105. font-weight: 400;
  2106. text-align: center;
  2107. white-space: nowrap;
  2108. vertical-align: middle;
  2109. -webkit-user-select: none;
  2110. -moz-user-select: none;
  2111. -ms-user-select: none;
  2112. user-select: none;
  2113. width: 330px;
  2114. height: 90px;
  2115. padding-top: 20px;
  2116. font-size: 1rem;
  2117. line-height: 1.5;
  2118. border-radius: .25rem;
  2119. margin-bottom: 20px;
  2120. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2121. }
  2122.  
  2123. .btn-related:hover {
  2124. color: #660066;
  2125. text-decoration: underline;
  2126. }
  2127. }
  2128. /* For 13-inch MacBook Pro (1280 × 800 ) */
  2129. /* For Desktop 1280 x 800 (1280 x 800 ) */
  2130. /* For Desktop 1280 x 720 (1280 x 720 ) */
  2131. /* For Desktop 1280 x 1024 (1280 x 1024 ) */
  2132. @media (min-width:1280px) and (max-width: 1360px) {
  2133. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  2134.  
  2135. #menu-button-side {
  2136. width: 300px;
  2137. height: 50px;
  2138.  }
  2139.  
  2140. .btnclipboard {
  2141. margin-top: -35px;
  2142. margin-left: -740px;
  2143. }
  2144.  
  2145. .btn-prev {
  2146. background-color: white;
  2147. color: black;
  2148. border: 2px solid #660066;
  2149. display: inline-block;
  2150. font-weight: 400;
  2151. text-align: center;
  2152. white-space: nowrap;
  2153. vertical-align: middle;
  2154. -webkit-user-select: none;
  2155. -moz-user-select: none;
  2156. -ms-user-select: none;
  2157. user-select: none;
  2158. width: 300px;
  2159. height: 90px;
  2160. padding-top: 20px;
  2161. font-size: 1rem;
  2162. line-height: 1.5;
  2163. border-radius: .25rem;
  2164. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2165. }
  2166.  
  2167. .btn-prev:hover {
  2168. color: #660066;
  2169. text-decoration: underline;
  2170. }
  2171.  
  2172. .btn-next {
  2173. background-color: white;
  2174. color: black;
  2175. border: 2px solid #660066;
  2176. display: inline-block;
  2177. font-weight: 400;
  2178. text-align: center;
  2179. white-space: nowrap;
  2180. vertical-align: middle;
  2181. -webkit-user-select: none;
  2182. -moz-user-select: none;
  2183. -ms-user-select: none;
  2184. user-select: none;
  2185. width: 300px;
  2186. height: 90px;
  2187. padding-top: 20px;
  2188. font-size: 1rem;
  2189. line-height: 1.5;
  2190. border-radius: .25rem;
  2191. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2192. }
  2193.  
  2194. .btn-next:hover {
  2195. color: #660066;
  2196. text-decoration: underline;
  2197. }
  2198.  
  2199. #spanprev {
  2200. position: absolute;
  2201. top: 10px;
  2202. transform: translateX(-50%);
  2203. color: #660066;
  2204. }
  2205.  
  2206. #titleprev {
  2207. position: absolute;
  2208. top: 50px;
  2209. transform: translateX(-50%);
  2210. color: #660066;
  2211. }
  2212.  
  2213. #spannext {
  2214. position: absolute;
  2215. top: 10px;
  2216. transform: translateX(-50%);
  2217. color: #660066;
  2218. }
  2219.  
  2220. #titlenext {
  2221. position: absolute;
  2222. top: 50px;
  2223. transform: translateX(-50%);
  2224. color: #660066;
  2225. }
  2226.  
  2227. #spannextrel {
  2228. position: absolute;
  2229. top: 10px;
  2230. transform: translateX(-50%);
  2231. color: #660066;
  2232. }
  2233.  
  2234. #titlenextrel {
  2235. position: absolute;
  2236. top: 50px;
  2237. transform: translateX(-50%);
  2238. color: #660066;
  2239. }
  2240.  
  2241. .btn-related {
  2242. background-color: white;
  2243. color: black;
  2244. border: 2px solid #660066;
  2245. display: inline-block;
  2246. font-weight: 400;
  2247. text-align: center;
  2248. white-space: nowrap;
  2249. vertical-align: middle;
  2250. -webkit-user-select: none;
  2251. -moz-user-select: none;
  2252. -ms-user-select: none;
  2253. user-select: none;
  2254. width: 300px;
  2255. height: 90px;
  2256. padding-top: 20px;
  2257. font-size: 1rem;
  2258. line-height: 1.5;
  2259. border-radius: .25rem;
  2260. margin-bottom: 20px;
  2261. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2262. }
  2263.  
  2264. .btn-related:hover {
  2265. color: #660066;
  2266. text-decoration: underline;
  2267. }
  2268. }
  2269. /* For 11-inch MacBook Air (1366 × 768 ) */
  2270. /* For Desktop 1366 x 768 (1366 x 768 ) */
  2271. @media (min-width:1366px) and (max-width: 1370px) {
  2272. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  2273.  
  2274. #menu-button-side {
  2275. width: 320px;
  2276. height: 50px;
  2277. }
  2278.  
  2279. .btnclipboard {
  2280. margin-top: -35px;
  2281. margin-left: -680px;
  2282. }
  2283.  
  2284. .btn-prev {
  2285. background-color: white;
  2286. color: black;
  2287. border: 2px solid #660066;
  2288. display: inline-block;
  2289. font-weight: 400;
  2290. text-align: center;
  2291. white-space: nowrap;
  2292. vertical-align: middle;
  2293. -webkit-user-select: none;
  2294. -moz-user-select: none;
  2295. -ms-user-select: none;
  2296. user-select: none;
  2297. width: 320px;
  2298. height: 90px;
  2299. padding-top: 20px;
  2300. font-size: 1rem;
  2301. line-height: 1.5;
  2302. border-radius: .25rem;
  2303. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2304. }
  2305.  
  2306. .btn-prev:hover {
  2307. color: #660066;
  2308. text-decoration: underline;
  2309. }
  2310.  
  2311. .btn-next {
  2312. background-color: white;
  2313. color: black;
  2314. border: 2px solid #660066;
  2315. display: inline-block;
  2316. font-weight: 400;
  2317. text-align: center;
  2318. white-space: nowrap;
  2319. vertical-align: middle;
  2320. -webkit-user-select: none;
  2321. -moz-user-select: none;
  2322. -ms-user-select: none;
  2323. user-select: none;
  2324. width: 320px;
  2325. height: 90px;
  2326. padding-top: 20px;
  2327. font-size: 1rem;
  2328. line-height: 1.5;
  2329. border-radius: .25rem;
  2330. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2331. }
  2332.  
  2333. .btn-next:hover {
  2334. color: #660066;
  2335. text-decoration: underline;
  2336. }
  2337.  
  2338. #spanprev {
  2339. position: absolute;
  2340. top: 10px;
  2341. transform: translateX(-50%);
  2342. color: #660066;
  2343. }
  2344.  
  2345. #titleprev {
  2346. position: absolute;
  2347. top: 50px;
  2348. transform: translateX(-50%);
  2349. color: #660066;
  2350. }
  2351.  
  2352. #spannext {
  2353. position: absolute;
  2354. top: 10px;
  2355. transform: translateX(-50%);
  2356. color: #660066;
  2357. }
  2358.  
  2359. #titlenext {
  2360. position: absolute;
  2361. top: 50px;
  2362. transform: translateX(-50%);
  2363. color: #660066;
  2364. }
  2365.  
  2366. #spannextrel {
  2367. position: absolute;
  2368. top: 10px;
  2369. transform: translateX(-50%);
  2370. color: #660066;
  2371. }
  2372.  
  2373. #titlenextrel {
  2374. position: absolute;
  2375. top: 50px;
  2376. transform: translateX(-50%);
  2377. color: #660066;
  2378. }
  2379.  
  2380. .btn-related {
  2381. background-color: white;
  2382. color: black;
  2383. border: 2px solid #660066;
  2384. display: inline-block;
  2385. font-weight: 400;
  2386. text-align: center;
  2387. white-space: nowrap;
  2388. vertical-align: middle;
  2389. -webkit-user-select: none;
  2390. -moz-user-select: none;
  2391. -ms-user-select: none;
  2392. user-select: none;
  2393. width: 320px;
  2394. height: 90px;
  2395. padding-top: 20px;
  2396. font-size: 1rem;
  2397. line-height: 1.5;
  2398. border-radius: .25rem;
  2399. margin-bottom: 20px;
  2400. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2401. }
  2402.  
  2403. .btn-related:hover {
  2404. color: #660066;
  2405. text-decoration: underline;
  2406. }
  2407. }
  2408. /* For 13-inch MacBook Air (1440 × 900 ) */
  2409. /* For 15-inch MacBook Air (1440 x 900 | 15.3 in)*/
  2410. /* For 15-inch MacBook Pro (1440 × 900 ) */
  2411. /* For Desktop 1440 x 900 (1440 x 900 ) */
  2412. @media (min-width:1440px) and (max-width: 1450px) {
  2413. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  2414.  
  2415. #menu-button-side {
  2416. width: 330px;
  2417. height: 50px;
  2418.  }
  2419.  
  2420. .btnclipboard {
  2421. margin-top: -35px;
  2422. margin-left: -680px;
  2423. }
  2424.  
  2425. .btn-prev {
  2426. background-color: white;
  2427. color: black;
  2428. border: 2px solid #660066;
  2429. display: inline-block;
  2430. font-weight: 400;
  2431. text-align: center;
  2432. white-space: nowrap;
  2433. vertical-align: middle;
  2434. -webkit-user-select: none;
  2435. -moz-user-select: none;
  2436. -ms-user-select: none;
  2437. user-select: none;
  2438. width: 340px;
  2439. height: 90px;
  2440. padding-top: 20px;
  2441. font-size: 1rem;
  2442. line-height: 1.5;
  2443. border-radius: .25rem;
  2444. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2445. }
  2446.  
  2447. .btn-prev:hover {
  2448. color: #660066;
  2449. text-decoration: underline;
  2450. }
  2451.  
  2452. .btn-next {
  2453. background-color: white;
  2454. color: black;
  2455. border: 2px solid #660066;
  2456. display: inline-block;
  2457. font-weight: 400;
  2458. text-align: center;
  2459. white-space: nowrap;
  2460. vertical-align: middle;
  2461. -webkit-user-select: none;
  2462. -moz-user-select: none;
  2463. -ms-user-select: none;
  2464. user-select: none;
  2465. width: 340px;
  2466. height: 90px;
  2467. padding-top: 20px;
  2468. font-size: 1rem;
  2469. line-height: 1.5;
  2470. border-radius: .25rem;
  2471. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2472. }
  2473.  
  2474. .btn-next:hover {
  2475. color: #660066;
  2476. text-decoration: underline;
  2477. }
  2478.  
  2479. #spanprev {
  2480. position: absolute;
  2481. top: 10px;
  2482. transform: translateX(-50%);
  2483. color: #660066;
  2484. }
  2485.  
  2486. #titleprev {
  2487. position: absolute;
  2488. top: 50px;
  2489. transform: translateX(-50%);
  2490. color: #660066;
  2491. }
  2492.  
  2493. #spannext {
  2494. position: absolute;
  2495. top: 10px;
  2496. transform: translateX(-50%);
  2497. color: #660066;
  2498. }
  2499.  
  2500. #titlenext {
  2501. position: absolute;
  2502. top: 50px;
  2503. transform: translateX(-50%);
  2504. color: #660066;
  2505. }
  2506.  
  2507. #spannextrel {
  2508. position: absolute;
  2509. top: 10px;
  2510. transform: translateX(-50%);
  2511. color: #660066;
  2512. }
  2513.  
  2514. #titlenextrel {
  2515. position: absolute;
  2516. top: 50px;
  2517. transform: translateX(-50%);
  2518. color: #660066;
  2519. }
  2520.  
  2521. .btn-related {
  2522. background-color: white;
  2523. color: black;
  2524. border: 2px solid #660066;
  2525. display: inline-block;
  2526. font-weight: 400;
  2527. text-align: center;
  2528. white-space: nowrap;
  2529. vertical-align: middle;
  2530. -webkit-user-select: none;
  2531. -moz-user-select: none;
  2532. -ms-user-select: none;
  2533. user-select: none;
  2534. width: 340px;
  2535. height: 90px;
  2536. padding-top: 20px;
  2537. font-size: 1rem;
  2538. line-height: 1.5;
  2539. border-radius: .25rem;
  2540. margin-bottom: 20px;
  2541. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2542. }
  2543.  
  2544. .btn-related:hover {
  2545. color: #660066;
  2546. text-decoration: underline;
  2547. }
  2548. }
  2549. /* For 14-inch MacBook Pro (1512 x 982 | 14.2 in) */
  2550. @media (min-width:1512px) and (max-width: 1590px) {
  2551. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  2552.  
  2553. #menu-button-side {
  2554. width: 350px;
  2555. height: 50px;
  2556.  }
  2557.  
  2558. .btnclipboard {
  2559. margin-top: -35px;
  2560. margin-left: -680px
  2561. }
  2562.  
  2563. .btn-prev {
  2564. background-color: white;
  2565. color: black;
  2566. border: 2px solid #660066;
  2567. font-weight: 400;
  2568. text-align: center;
  2569. white-space: nowrap;
  2570. vertical-align: middle;
  2571. -webkit-user-select: none;
  2572. -moz-user-select: none;
  2573. -ms-user-select: none;
  2574. user-select: none;
  2575. width: 360px;
  2576. height: 90px;
  2577. padding-top: 20px;
  2578. font-size: 1rem;
  2579. line-height: 1.5;
  2580. margin-bottom: 20px;
  2581. border-radius: .25rem;
  2582. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2583. }
  2584.  
  2585. .btn-prev:hover {
  2586. color: #660066;
  2587. text-decoration: underline;
  2588. }
  2589.  
  2590. .btn-next {
  2591. background-color: white;
  2592. color: black;
  2593. border: 2px solid #660066;
  2594. font-weight: 400;
  2595. text-align: center;
  2596. white-space: nowrap;
  2597. vertical-align: middle;
  2598. -webkit-user-select: none;
  2599. -moz-user-select: none;
  2600. -ms-user-select: none;
  2601. user-select: none;
  2602. width: 360px;
  2603. height: 90px;
  2604. padding-top: 20px;
  2605. font-size: 1rem;
  2606. line-height: 1.5;
  2607. border-radius: .25rem;
  2608. margin-bottom: 20px;
  2609. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2610. }
  2611.  
  2612. .btn-next:hover {
  2613. color: #660066;
  2614. text-decoration: underline;
  2615. }
  2616.  
  2617. #spanprev {
  2618. position: absolute;
  2619. top: 10px;
  2620. transform: translateX(-50%);
  2621. color: #660066;
  2622. }
  2623.  
  2624. #titleprev {
  2625. position: absolute;
  2626. top: 50px;
  2627. transform: translateX(-50%);
  2628. color: #660066;
  2629. }
  2630.  
  2631. #spannext {
  2632. position: absolute;
  2633. top: 10px;
  2634. transform: translateX(-50%);
  2635. color: #660066;
  2636. }
  2637.  
  2638. #titlenext {
  2639. position: absolute;
  2640. top: 50px;
  2641. transform: translateX(-50%);
  2642. color: #660066;
  2643. }
  2644.  
  2645. #spannextrel {
  2646. position: absolute;
  2647. top: 10px;
  2648. transform: translateX(-50%);
  2649. color: #660066;
  2650. }
  2651.  
  2652. #titlenextrel {
  2653. position: absolute;
  2654. top: 50px;
  2655. transform: translateX(-50%);
  2656. color: #660066;
  2657. }
  2658.  
  2659. #spannextrel {
  2660. position: absolute;
  2661. top: 10px;
  2662. transform: translateX(-50%);
  2663. color: #660066;
  2664. }
  2665.  
  2666. #titlenextrel {
  2667. position: absolute;
  2668. top: 50px;
  2669. transform: translateX(-50%);
  2670. color: #660066;
  2671. }
  2672.  
  2673. .btn-related {
  2674. background-color: white;
  2675. color: black;
  2676. border: 2px solid #660066;
  2677. display: inline-block;
  2678. font-weight: 400;
  2679. text-align: center;
  2680. white-space: nowrap;
  2681. vertical-align: middle;
  2682. -webkit-user-select: none;
  2683. -moz-user-select: none;
  2684. -ms-user-select: none;
  2685. user-select: none;
  2686. width: 360px;
  2687. height: 90px;
  2688. padding-top: 20px;
  2689. font-size: 1rem;
  2690. line-height: 1.5;
  2691. border-radius: .25rem;
  2692. margin-bottom: 20px;
  2693. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2694. }
  2695.  
  2696. .btn-related:hover {
  2697. color: #660066;
  2698. text-decoration: underline;
  2699. }
  2700. }
  2701. /* For 14-inch MacBook Pro (1512 x 982 | 14.2 in) */
  2702. @media (min-width:1600px) and (max-width: 1700px) {
  2703. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  2704.  
  2705. #menu-button-side {
  2706. width: 370px;
  2707. height: 50px;
  2708. }
  2709.  
  2710. .btnclipboard {
  2711. margin-top: -35px;
  2712. margin-left: -680px
  2713. }
  2714.  
  2715. .btn-prev {
  2716. background-color: white;
  2717. color: black;
  2718. border: 2px solid #660066;
  2719. font-weight: 400;
  2720. text-align: center;
  2721. white-space: nowrap;
  2722. vertical-align: middle;
  2723. -webkit-user-select: none;
  2724. -moz-user-select: none;
  2725. -ms-user-select: none;
  2726. user-select: none;
  2727. width: 380px;
  2728. height: 90px;
  2729. padding-top: 20px;
  2730. font-size: 1rem;
  2731. line-height: 1.5;
  2732. margin-bottom: 20px;
  2733. border-radius: .25rem;
  2734. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2735. }
  2736.  
  2737. .btn-prev:hover {
  2738. color: #660066;
  2739. text-decoration: underline;
  2740. }
  2741.  
  2742. .btn-next {
  2743. background-color: white;
  2744. color: black;
  2745. border: 2px solid #660066;
  2746. font-weight: 400;
  2747. text-align: center;
  2748. white-space: nowrap;
  2749. vertical-align: middle;
  2750. -webkit-user-select: none;
  2751. -moz-user-select: none;
  2752. -ms-user-select: none;
  2753. user-select: none;
  2754. width: 380px;
  2755. height: 90px;
  2756. padding-top: 20px;
  2757. font-size: 1rem;
  2758. line-height: 1.5;
  2759. border-radius: .25rem;
  2760. margin-bottom: 20px;
  2761. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2762. }
  2763.  
  2764. .btn-next:hover {
  2765. color: #660066;
  2766. text-decoration: underline;
  2767. }
  2768.  
  2769. #spanprev {
  2770. position: absolute;
  2771. top: 10px;
  2772. transform: translateX(-50%);
  2773. color: #660066;
  2774. }
  2775.  
  2776. #titleprev {
  2777. position: absolute;
  2778. top: 50px;
  2779. transform: translateX(-50%);
  2780. color: #660066;
  2781. }
  2782.  
  2783. #spannext {
  2784. position: absolute;
  2785. top: 10px;
  2786. transform: translateX(-50%);
  2787. color: #660066;
  2788. }
  2789.  
  2790. #titlenext {
  2791. position: absolute;
  2792. top: 50px;
  2793. transform: translateX(-50%);
  2794. color: #660066;
  2795. }
  2796.  
  2797. #spannextrel {
  2798. position: absolute;
  2799. top: 10px;
  2800. transform: translateX(-50%);
  2801. color: #660066;
  2802. }
  2803.  
  2804. #titlenextrel {
  2805. position: absolute;
  2806. top: 50px;
  2807. transform: translateX(-50%);
  2808. color: #660066;
  2809. }
  2810.  
  2811. #spannextrel {
  2812. position: absolute;
  2813. top: 10px;
  2814. transform: translateX(-50%);
  2815. color: #660066;
  2816. }
  2817.  
  2818. #titlenextrel {
  2819. position: absolute;
  2820. top: 50px;
  2821. transform: translateX(-50%);
  2822. color: #660066;
  2823. }
  2824.  
  2825. .btn-related {
  2826. background-color: white;
  2827. color: black;
  2828. border: 2px solid #660066;
  2829. display: inline-block;
  2830. font-weight: 400;
  2831. text-align: center;
  2832. white-space: nowrap;
  2833. vertical-align: middle;
  2834. -webkit-user-select: none;
  2835. -moz-user-select: none;
  2836. -ms-user-select: none;
  2837. user-select: none;
  2838. width: 380px;
  2839. height: 90px;
  2840. padding-top: 20px;
  2841. font-size: 1rem;
  2842. line-height: 1.5;
  2843. border-radius: .25rem;
  2844. margin-bottom: 20px;
  2845. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2846. }
  2847.  
  2848. .btn-related:hover {
  2849. color: #660066;
  2850. text-decoration: underline;
  2851. }
  2852. }
  2853. /* For 16-inch MacBook Pro (1792 x 1120 | 16.2 in) */
  2854. @media (min-width:1792px) and (max-width: 1892px) {
  2855. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  2856.  
  2857. #menu-button-side {
  2858. width: 420px;
  2859. height: 50px;
  2860.  }
  2861.  
  2862. .btnclipboard {
  2863. margin-top: -35px;
  2864. margin-left: -550px;
  2865. }
  2866.  
  2867. .btn-prev {
  2868. background-color: white;
  2869. color: black;
  2870. border: 2px solid #660066;
  2871. display: inline-block;
  2872. font-weight: 400;
  2873. text-align: center;
  2874. white-space: nowrap;
  2875. vertical-align: middle;
  2876. -webkit-user-select: none;
  2877. -moz-user-select: none;
  2878. -ms-user-select: none;
  2879. user-select: none;
  2880. width: 430px;
  2881. height: 90px;
  2882. padding-top: 20px;
  2883. font-size: 1rem;
  2884. line-height: 1.5;
  2885. border-radius: .25rem;
  2886. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2887. }
  2888.  
  2889. .btn-prev:hover {
  2890. color: #660066;
  2891. text-decoration: underline;
  2892. }
  2893.  
  2894. .btn-next {
  2895. background-color: white;
  2896. color: black;
  2897. border: 2px solid #660066;
  2898. display: inline-block;
  2899. font-weight: 400;
  2900. text-align: center;
  2901. white-space: nowrap;
  2902. vertical-align: middle;
  2903. -webkit-user-select: none;
  2904. -moz-user-select: none;
  2905. -ms-user-select: none;
  2906. user-select: none;
  2907. width: 430px;
  2908. height: 90px;
  2909. padding-top: 20px;
  2910. font-size: 1rem;
  2911. line-height: 1.5;
  2912. border-radius: .25rem;
  2913. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2914. }
  2915.  
  2916. .btn-next:hover {
  2917. color: #660066;
  2918. text-decoration: underline;
  2919. }
  2920.  
  2921. #spanprev {
  2922. position: absolute;
  2923. top: 10px;
  2924. transform: translateX(-50%);
  2925. color: #660066;
  2926. }
  2927.  
  2928. #titleprev {
  2929. position: absolute;
  2930. top: 50px;
  2931. transform: translateX(-50%);
  2932. color: #660066;
  2933. }
  2934.  
  2935. #spannext {
  2936. position: absolute;
  2937. top: 10px;
  2938. transform: translateX(-50%);
  2939. color: #660066;
  2940. }
  2941.  
  2942. #titlenext {
  2943. position: absolute;
  2944. top: 50px;
  2945. transform: translateX(-50%);
  2946. color: #660066;
  2947. }
  2948.  
  2949. #spannextrel {
  2950. position: absolute;
  2951. top: 10px;
  2952. transform: translateX(-50%);
  2953. color: #660066;
  2954. }
  2955.  
  2956. #titlenextrel {
  2957. position: absolute;
  2958. top: 50px;
  2959. transform: translateX(-50%);
  2960. color: #660066;
  2961. }
  2962.  
  2963. .btn-related {
  2964. background-color: white;
  2965. color: black;
  2966. border: 2px solid #660066;
  2967. display: inline-block;
  2968. font-weight: 400;
  2969. text-align: center;
  2970. white-space: nowrap;
  2971. vertical-align: middle;
  2972. -webkit-user-select: none;
  2973. -moz-user-select: none;
  2974. -ms-user-select: none;
  2975. user-select: none;
  2976. width: 430px;
  2977. height: 90px;
  2978. padding-top: 20px;
  2979. font-size: 1rem;
  2980. line-height: 1.5;
  2981. border-radius: .25rem;
  2982. margin-bottom: 20px;
  2983. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  2984. }
  2985.  
  2986. .btn-related:hover {
  2987. color: #660066;
  2988. text-decoration: underline;
  2989. }
  2990. }
  2991. /* For 21-inch iMac (1920 × 1080 ) */
  2992. /* Desktop 1920 x 1080 (1920 x 1080 ) */
  2993. @media (min-width:1920px) and (max-width: 2200px) {
  2994. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  2995.  
  2996. #menu-button-side {
  2997. width: 450px;
  2998. height: 50px;
  2999.  }
  3000.  
  3001. .btnclipboard {
  3002. margin-top: -35px;
  3003. margin-left: -500px;
  3004. }
  3005.  
  3006. .btn-prev {
  3007. background-color: white;
  3008. color: black;
  3009. border: 2px solid #660066;
  3010. display: inline-block;
  3011. font-weight: 400;
  3012. text-align: center;
  3013. white-space: nowrap;
  3014. vertical-align: middle;
  3015. -webkit-user-select: none;
  3016. -moz-user-select: none;
  3017. -ms-user-select: none;
  3018. user-select: none;
  3019. width: 460px;
  3020. height: 90px;
  3021. padding-top: 20px;
  3022. font-size: 1rem;
  3023. line-height: 1.5;
  3024. border-radius: .25rem;
  3025. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  3026. }
  3027.  
  3028. .btn-prev:hover {
  3029. color: #660066;
  3030. text-decoration: underline;
  3031. }
  3032.  
  3033. .btn-next {
  3034. background-color: white;
  3035. color: black;
  3036. border: 2px solid #660066;
  3037. display: inline-block;
  3038. font-weight: 400;
  3039. text-align: center;
  3040. white-space: nowrap;
  3041. vertical-align: middle;
  3042. -webkit-user-select: none;
  3043. -moz-user-select: none;
  3044. -ms-user-select: none;
  3045. user-select: none;
  3046. width: 460px;
  3047. height: 90px;
  3048. padding-top: 20px;
  3049. font-size: 1rem;
  3050. line-height: 1.5;
  3051. border-radius: .25rem;
  3052. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  3053. }
  3054.  
  3055. .btn-next:hover {
  3056. color: #660066;
  3057. text-decoration: underline;
  3058. }
  3059.  
  3060. #spanprev {
  3061. position: absolute;
  3062. top: 10px;
  3063. transform: translateX(-50%);
  3064. color: #660066;
  3065. }
  3066.  
  3067. #titleprev {
  3068. position: absolute;
  3069. top: 50px;
  3070. transform: translateX(-50%);
  3071. color: #660066;
  3072. }
  3073.  
  3074. #spannext {
  3075. position: absolute;
  3076. top: 10px;
  3077. transform: translateX(-50%);
  3078. color: #660066;
  3079. }
  3080.  
  3081. #titlenext {
  3082. position: absolute;
  3083. top: 50px;
  3084. transform: translateX(-50%);
  3085. color: #660066;
  3086. }
  3087.  
  3088. #spannextrel {
  3089. position: absolute;
  3090. top: 10px;
  3091. transform: translateX(-50%);
  3092. color: #660066;
  3093. }
  3094.  
  3095. #titlenextrel {
  3096. position: absolute;
  3097. top: 50px;
  3098. transform: translateX(-50%);
  3099. color: #660066;
  3100. }
  3101.  
  3102. .btn-related {
  3103. background-color: white;
  3104. color: black;
  3105. border: 2px solid #660066;
  3106. display: inline-block;
  3107. font-weight: 400;
  3108. text-align: center;
  3109. white-space: nowrap;
  3110. vertical-align: middle;
  3111. -webkit-user-select: none;
  3112. -moz-user-select: none;
  3113. -ms-user-select: none;
  3114. user-select: none;
  3115. width: 460px;
  3116. height: 90px;
  3117. padding-top: 20px;
  3118. font-size: 1rem;
  3119. line-height: 1.5;
  3120. border-radius: .25rem;
  3121. margin-bottom: 20px;
  3122. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  3123. }
  3124.  
  3125. .btn-related:hover {
  3126. color: #660066;
  3127. text-decoration: underline;
  3128. }
  3129. }
  3130. /* For 27-inch iMac (2560 × 1440 ) */
  3131. @media (min-width:2560px) and (max-width: 3500px) {
  3132. /* Styles for screens up to 1366px wide, including the 11-inch MacBook Air */
  3133.  
  3134. #menu-button-side {
  3135. width: 600px;
  3136. height: 50px;
  3137.  }
  3138.  
  3139. .btnclipboard {
  3140. margin-top: -35px;
  3141. margin-left: -150px;
  3142. }
  3143.  
  3144. .btn-prev {
  3145. background-color: white;
  3146. color: black;
  3147. border: 2px solid #660066;
  3148. display: inline-block;
  3149. font-weight: 400;
  3150. text-align: center;
  3151. white-space: nowrap;
  3152. vertical-align: middle;
  3153. -webkit-user-select: none;
  3154. -moz-user-select: none;
  3155. -ms-user-select: none;
  3156. user-select: none;
  3157. width: 620px;
  3158. height: 90px;
  3159. padding-top: 20px;
  3160. font-size: 1rem;
  3161. line-height: 1.5;
  3162. border-radius: .25rem;
  3163. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  3164. }
  3165.  
  3166. .btn-prev:hover {
  3167. color: #660066;
  3168. text-decoration: underline;
  3169. }
  3170.  
  3171. .btn-next {
  3172. background-color: white;
  3173. color: black;
  3174. border: 2px solid #660066;
  3175. display: inline-block;
  3176. font-weight: 400;
  3177. text-align: center;
  3178. white-space: nowrap;
  3179. vertical-align: middle;
  3180. -webkit-user-select: none;
  3181. -moz-user-select: none;
  3182. -ms-user-select: none;
  3183. user-select: none;
  3184. width: 620px;
  3185. height: 90px;
  3186. padding-top: 20px;
  3187. font-size: 1rem;
  3188. line-height: 1.5;
  3189. border-radius: .25rem;
  3190. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  3191. }
  3192.  
  3193. .btn-next:hover {
  3194. color: #660066;
  3195. text-decoration: underline;
  3196. }
  3197.  
  3198. #spanprev {
  3199. position: absolute;
  3200. top: 10px;
  3201. transform: translateX(-50%);
  3202. color: #660066;
  3203. }
  3204.  
  3205. #titleprev {
  3206. position: absolute;
  3207. top: 50px;
  3208. transform: translateX(-50%);
  3209. color: #660066;
  3210. }
  3211.  
  3212. #spannext {
  3213. position: absolute;
  3214. top: 10px;
  3215. transform: translateX(-50%);
  3216. color: #660066;
  3217. }
  3218.  
  3219. #titlenext {
  3220. position: absolute;
  3221. top: 50px;
  3222. transform: translateX(-50%);
  3223. color: #660066;
  3224. }
  3225.  
  3226. #spannextrel {
  3227. position: absolute;
  3228. top: 10px;
  3229. transform: translateX(-50%);
  3230. color: #660066;
  3231. }
  3232.  
  3233. #titlenextrel {
  3234. position: absolute;
  3235. top: 50px;
  3236. transform: translateX(-50%);
  3237. color: #660066;
  3238. }
  3239.  
  3240. .btn-related {
  3241. background-color: white;
  3242. color: black;
  3243. border: 2px solid #660066;
  3244. display: inline-block;
  3245. font-weight: 400;
  3246. text-align: center;
  3247. white-space: nowrap;
  3248. vertical-align: middle;
  3249. -webkit-user-select: none;
  3250. -moz-user-select: none;
  3251. -ms-user-select: none;
  3252. user-select: none;
  3253. width: 620px;
  3254. height: 90px;
  3255. padding-top: 20px;
  3256. font-size: 1rem;
  3257. line-height: 1.5;
  3258. border-radius: .25rem;
  3259. margin-bottom: 20px;
  3260. transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  3261. }
  3262.  
  3263. .btn-related:hover {
  3264. color: #660066;
  3265. text-decoration: underline;
  3266. }
  3267. }
  3268. /* Media Queries Ending */
  3269. </style>
  3270.  
  3271. </head>
  3272. <body class="hidden-bar-wrapper">
  3273.  
  3274. <div class="page-wrapper">
  3275.  
  3276. <!-- Preloader -->
  3277. <!-- Main Header / Header Style Five -->
  3278. <header class="main-header header-style-five">
  3279.  
  3280. <!--Header-Upper-->
  3281. <!--End Header Upper-->
  3282. <!-- Header Lower -->
  3283. <style>
  3284. .logo a {
  3285. width: 60%;
  3286. height: 300px;
  3287. }
  3288.  
  3289. img {
  3290. width: 100%;
  3291. height: 100%;
  3292. object-fit: cover;
  3293. }
  3294.  
  3295. hr.new2 {
  3296. border-top: 4px dashed #660066;
  3297. }
  3298. </style>
  3299.  
  3300.  
  3301. <!--Header-Upper-->
  3302. <div class="header-upper">
  3303. <div class="container-fluid">
  3304. <div class="clearfix">
  3305.  
  3306. <!-- Logo Box -->
  3307. <div class="pull-left logo-box">
  3308. <div class="logo"><a href="/"><img src="/images/logo-7.svg" style="width:160px; height:80px;" alt="" title=""></a></div>
  3309. </div>
  3310. </div>
  3311. </div>
  3312. </div>
  3313. <!--End Header Upper-->
  3314. <div class="header-lower">
  3315. <div class="container-fluid clearfix">
  3316.  
  3317. <div class="nav-outer clearfix">
  3318. <!--Mobile Navigation Toggler-->
  3319. <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
  3320. <!-- Main Menu -->
  3321. <nav class="main-menu navbar-expand-md">
  3322. <div class="navbar-header">
  3323. <!-- Toggle Button -->
  3324. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  3325. <span class="icon-bar"></span>
  3326. <span class="icon-bar"></span>
  3327. <span class="icon-bar"></span>
  3328. </button>
  3329. </div>
  3330.  
  3331. <!-- Logo Box -->
  3333. <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
  3334. <ul class="navigation clearfix">
  3335.  
  3336. <li class="dropdown">
  3337. <a href="#">.Net</a>
  3338. <ul>
  3339. <li><a href="/">C#</a></li>
  3340. </ul>
  3341. </li>
  3342.  
  3343. <li class="dropdown">
  3344. <a href="#">Technical</a>
  3345. <ul>
  3346. <li><a href="/Technical/remote-machine-stuck-on-please-wait-screen">Technical Issues</a></li>
  3347. <li><a href="/Technical/How-to-Install-GitHub-Copilot-on-Visual-Studio-2022">How to Install GitHub Copilot on Visual Studio 2022</a></li>
  3348. </ul>
  3349. </li>
  3350. </ul>
  3351. </div>
  3352. </nav>
  3353.  
  3354. <!-- Main Menu End-->
  3355. <div class="outer-box clearfix">
  3356.  
  3357. <!-- Social Box -->
  3358. <ul class="social-box">
  3359. <li><a target="_blank" href="https://www.facebook.com/CSharpTutorial111" class="fab fa-facebook-f"></a></li>
  3360. <li><a target="_blank" href="http://twitter.com/CSharp92827922" class="fab fa-twitter"></a></li>
  3361. <li><a target="_blank" href="http://instagram.com/cshar_ptutorial?igsh=MXI5OWVpMDI2YnI0ZW==" class="fab fa-pinterest-p"></a></li>
  3362. <li><a target="_blank" href="https://www.linkedin.com/in/c-sharptutorial/" class="fab fa-linkedin-in"></a></li>
  3363. </ul>
  3364.  
  3366. <!-- Search Btn -->
  3367.  
  3368. </div>
  3369. </div>
  3370. </div>
  3371. </div>
  3372. <!--End Header Upper-->
  3373. <!-- Sticky Header  -->
  3374. <div class="sticky-header">
  3375. <div class="auto-container clearfix">
  3376. <!--Logo-->
  3377. <div class="logo pull-left">
  3378. <a title="" href="/"><img src="/images/logo-small.svg" style="width:160px; height:80px;" alt="" title=""></a>
  3379. </div>
  3380. <!--Right Col-->
  3381. <div class="pull-right">
  3382. <!-- Main Menu -->
  3383. <nav class="main-menu">
  3384. <!--Keep This Empty / Menu will come through Javascript-->
  3385. </nav><!-- Main Menu End-->
  3386. <!-- Main Menu End-->
  3387.  
  3388. <!-- Search Btn -->
  3389.  
  3390.  
  3391. </div>
  3392. </div>
  3393. </div>
  3394. <!-- End Sticky Menu -->
  3395. <!-- Mobile Menu  -->
  3396. <div class="mobile-menu">
  3397. <div class="menu-backdrop"></div>
  3398. <div class="close-btn"><span class="icon flaticon-multiply"></span></div>
  3399.  
  3400. <nav class="menu-box">
  3401. <div class="nav-logo"><a href="/"><img src="/images/logo.svg" style="width:160px; height:80px; margin-left:50px;" alt="" title=""></a></div>
  3402. <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
  3403. </nav>
  3404. </div>
  3405. <!-- End Mobile Menu -->
  3406.  
  3407. </header>
  3408. <!-- End Main Header -->
  3409. <!-- Page Title -->
  3410. <!-- Header Ad -->
  3411. <!-- End Page Title -->
  3412. <!-- Sidebar Page Container -->
  3413. <div class="sidebar-page-container">
  3414. <div class="container-fluid">
  3415. <ul class="breadcrumb">
  3416. <li><a id="alink" href="/">Home</a></li>
  3417. <li><a id="alink" href="/">C#</a></li>
  3418. </ul>
  3419. </div>
  3420. <div class="container-fluid">
  3421. <div class="row clearfix">
  3422. <!-- Sidebar Side -->
  3423. <div class="sidebar-side left-sidebar col-lg-3 col-md-12 col-sm-12">
  3424. <aside class="sidebar sticky-top">
  3425. <div class="sidebar-widget categories-widget">
  3426. <div class="widget-content">
  3427.                <div class="dropdown">
  3428.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3429.                        Dot Net Framwork
  3430.                        <span class="caret"></span>
  3431.                    </button>
  3432.                    <ul class="dropdown-menu">
  3433.                        <li><a id="alink" href="/basic/dot-net-framwork">Dot Net Framwork</a></li>
  3434.                    </ul>
  3435.                </div>
  3436.  
  3437.                <div id="div-dropdown-id" class="dropdown">
  3438.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3439.                        Basic in C#
  3440.                        <span class="caret"></span>
  3441.                    </button>
  3442.                    <ul class="dropdown-menu">
  3443.                        <li><a id="alink" href="/basic/history-in-csharp">History in C#</a></li>
  3444.                        <li><a id="alink" href="/basic/feature-in-csharp">Feature in C#</a></li>
  3445.                        <li><a id="alink" href="/basic/basic-example-in-csharp">Basic Example in C#</a></li>
  3446.                        <li><a id="alink" href="/basic/keywords-in-csharp">KeyWord in C#</a></li>
  3447.                        <li><a id="alink" href="/basic/operator-in-csharp">Operator in C#</a></li>
  3448.                        <li><a id="alink" href="/basic/datatype-in-csharp">Data Types in C#</a></li>
  3449.                        <li><a id="alink" href="/basic/variable-in-csharp">Varaible in C#</a></li>
  3450.                    </ul>
  3451.                </div>
  3452.  
  3453.                <div id="div-dropdown-id" class="dropdown">
  3454.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3455.                        Control Statement Part1 in C#
  3456.                        <span class="caret"></span>
  3457.                    </button>
  3458.                    <ul class="dropdown-menu">
  3459.                        <li><a id="alink" href="/control/if-condition-in-csharp">if Statement in C#</a></li>
  3460.                        <li><a id="alink" href="/control/if-else-condition-in-csharp">if-else Statement in C#</a></li>
  3461.                        <li><a id="alink" href="/control/if-else-if-condition-in-csharp">if-else-if Statement in C#</a></li>
  3462.                        <li><a id="alink" href="/control/nested-if-in-csharp">nested if Statement in C#</a></li>
  3463.                        <li><a id="alink" href="/control/switch-statement-in-csharp">switch Statement in C#</a></li>
  3464.                        <li><a id="alink" href="/control/ternary-operator-in-csharp">ternary Operator in C#</a></li>
  3465.                    </ul>
  3466.                </div>
  3467.  
  3468.                <div id="div-dropdown-id" class="dropdown">
  3469.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3470.                        Control Statement Part2 in C#
  3471.                        <span class="caret"></span>
  3472.                    </button>
  3473.                    <ul class="dropdown-menu">
  3474.                        <li><a id="alink" href="/control/for-loop-statement-in-csharp">for loop in C#</a></li>
  3475.                        <li><a id="alink" href="/control/while-statement-in-csharp">while loop in C#</a></li>
  3476.                        <li><a id="alink" href="/control/do-while-statement-in-csharp">do while loop in C#</a></li>
  3477.                        <li><a id="alink" href="/control/foreach-statement-in-csharp">foreach loop in C#</a></li>
  3478.                        <li><a id="alink" href="/control/break-statement-in-csharp">break Statement in C#</a></li>
  3479.                        <li><a id="alink" href="/control/countinue-statement-in-csharp">countinue Statement in C#</a></li>
  3480.                        <li><a id="alink" href="/control/goto-statement-in-csharp">goto Statement in C#</a></li>
  3481.                    </ul>
  3482.                </div>
  3483.  
  3484.                <div id="div-dropdown-id" class="dropdown">
  3485.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3486.                        Function in C#
  3487.                        <span class="caret"></span>
  3488.                    </button>
  3489.                    <ul class="dropdown-menu">
  3490.                        <li><a id="alink" href="/function/simple-function-in-csharp">Function in C#</a></li>
  3491.                        <li><a id="alink" href="/function/ref-function-in-csharp">ref Function in c#</a></li>
  3492.                        <li><a id="alink" href="/function/out-function-in-csharp">out Function in c#</a></li>
  3493.                        <li><a id="alink" href="/function/in-function-in-csharp">in Function in C#</a></li>
  3494.                    </ul>
  3495.                </div>
  3496.  
  3497.                <div id="div-dropdown-id" class="dropdown">
  3498.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3499.                        Array in C#
  3500.                        <span class="caret"></span>
  3501.                    </button>
  3502.                    <ul class="dropdown-menu">
  3503.                        <li><a id="alink" href="/array/array-in-csharp">Array in C#</a></li>
  3504.                        <li><a id="alink" href="/array/passing-array-to-function-in-csharp">Passing Array to Function in C#</a></li>
  3505.                        <li><a id="alink" href="/array/passing-one-dimensional-array-to-function-in-csharp">Passing One Dimensional Array to Function in C#</a></li>
  3506.                        <li><a id="alink" href="/array/passing-two-dimensional-array-to-function-in-csharp">Passing Two Dimensional Array to Function in C#</a></li>
  3507.                        <li><a id="alink" href="/array/passing-three-dimensional-array-to-function-in-csharp">Passing Three Dimensional Array to Function in C#</a></li>
  3508.                        <li><a id="alink" href="/array/multi-dimensional-array-in-csharp">Multidimensional Array in C#</a></li>
  3509.                        <li><a id="alink" href="/array/jagged-array-in-csharp">Jagged Array in C#</a></li>
  3510.                        <li><a id="alink" href="/array/params-in-csharp">Params in C#</a></li>
  3511.                    </ul>
  3512.                </div>
  3513.  
  3514.                <div id="div-dropdown-id" class="dropdown">
  3515.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3516.                        OOP Part1 in C#
  3517.                        <span class="caret"></span>
  3518.                    </button>
  3519.                    <ul class="dropdown-menu">
  3520.                        <li><a id="alink" href="/class/class-in-csharp">Classes in C#</a></li>
  3521.                        <li><a id="alink" href="/class/static-in-csharp">Static in C#</a></li>
  3522.                        <li><a id="alink" href="/class/struct-in-csharp">Struct in C#</a></li>
  3523.                        <li><a id="alink" href="/class/enum-in-csharp">Enum in C#</a></li>
  3524.                        <li><a id="alink" href="/class/properties-in-csharp">Properties in C#</a></li>
  3525.                        <li><a id="alink" href="/class/inheritance-in-csharp">Inheritance in C#</a></li>
  3526.                        <li><a id="alink" href="/class/overloading-in-csharp">Overloading in C#</a></li>
  3527.                        <li><a id="alink" href="/class/overriding-in-csharp">Overriding in C#</a></li>
  3528.                    </ul>
  3529.                </div>
  3530.  
  3531.                <div id="div-dropdown-id" class="dropdown">
  3532.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3533.                        OOP Part2 in C#
  3534.                        <span class="caret"></span>
  3535.                    </button>
  3536.                    <ul class="dropdown-menu">
  3537.                        <li><a id="alink" href="/class/base-in-csharp">Base in C#</a></li>
  3538.                        <li><a id="alink" href="/class/polymorphism-in-csharp">Polymorphism in C#</a></li>
  3539.                        <li><a id="alink" href="/class/sealed-in-csharp">Sealed in C#</a></li>
  3540.                        <li><a id="alink" href="/class/interface-in-csharp">Interface in C#</a></li>
  3541.                        <li><a id="alink" href="/class/namespace-in-csharp">NameSpace in C#</a></li>
  3542.                        <li><a id="alink" href="/class/accessmodifiers-in-csharp">Acces Modifiers in C#</a></li>
  3543.                        <li><a id="alink" href="/class/encapsulation-in-csharp">Encapsulation in C#</a></li>
  3544.                        <li><a id="alink" href="/class/abstract-in-csharp">Abstract in C#</a></li>
  3545.                    </ul>
  3546.                </div>
  3547.  
  3548.                <div id="div-dropdown-id" class="dropdown">
  3549.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3550.                        String Part1 in C#
  3551.                        <span class="caret"></span>
  3552.                    </button>
  3553.                    <ul class="dropdown-menu">
  3554.                        <li><a id="alink" href="/string/length-in-csharp">Length in C#</a></li>
  3555.                        <li><a id="alink" href="/string/clone-in-csharp">Clone in C#</a></li>
  3556.                        <li><a id="alink" href="/string/compare-in-csharp">Compare in C#</a></li>
  3557.                        <li><a id="alink" href="/string/compareto-in-csharp">CompareTo in C#</a></li>
  3558.                        <li><a id="alink" href="/string/concat-in-csharp">Concat in C#</a></li>
  3559.                        <li><a id="alink" href="/string/contains-in-csharp">Contains in C#</a></li>
  3560.                        <li><a id="alink" href="/string/copy-in-csharp">Copy in C#</a></li>
  3561.                        <li><a id="alink" href="/string/endswith-in-csharp">EndWith in C#</a></li>
  3562.                        <li><a id="alink" href="/string/equals-in-csharp">Equals in C#</a></li>
  3563.                        <li><a id="alink" href="/string/format-in-csharp">Format in C#</a></li>
  3564.                        <li><a id="alink" href="/string/indexof-in-csharp">IndexOf in C#</a></li>
  3565.                        <li><a id="alink" href="/string/insert-in-csharp">Insert in C#</a></li>
  3566.                        <li><a id="alink" href="/string/isnullorempty-in-csharp">IsNullOrEmpty in C#</a></li>
  3567.                        <li><a id="alink" href="/string/isnullorwhitespace-in-csharp">IsNullOrWhiteSpace in C#</a></li>
  3568.                    </ul>
  3569.                </div>
  3570.  
  3571.                <div id="div-dropdown-id" class="dropdown">
  3572.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3573.                        String Part2 in C#
  3574.                        <span class="caret"></span>
  3575.                    </button>
  3576.                    <ul class="dropdown-menu">
  3577.                        <li><a id="alink" href="/string/join-in-csharp">Join in C#</a></li>
  3578.                        <li><a id="alink" href="/string/lastindexof-in-csharp">LastIndexOf in C#</a></li>
  3579.                        <li><a id="alink" href="/string/remove-in-csharp">Remove in C#</a></li>
  3580.                        <li><a id="alink" href="/string/replace-in-csharp">Replace in C#</a></li>
  3581.                        <li><a id="alink" href="/string/split-in-csharp">Split in C#</a></li>
  3582.                        <li><a id="alink" href="/string/startswith-in-csharp">StartsWith in C#</a></li>
  3583.                        <li><a id="alink" href="/string/substring-in-csharp">SubString in C#</a></li>
  3584.                        <li><a id="alink" href="/string/tolower-in-csharp">ToLower in C#</a></li>
  3585.                        <li><a id="alink" href="/string/tostring-in-csharp">ToString in C#</a></li>
  3586.                        <li><a id="alink" href="/string/toupper-in-csharp">ToUpper in C#</a></li>
  3587.                        <li><a id="alink" href="/string/trim-in-csharp">Trim in C#</a></li>
  3588.                        <li><a id="alink" href="/string/trimend-in-csharp">TrimEnd in C#</a></li>
  3589.                        <li><a id="alink" href="/string/trimstart-in-csharp">TrimStart in C#</a></li>
  3590.                    </ul>
  3591.                </div>
  3592.  
  3593.                <div id="div-dropdown-id" class="dropdown">
  3594.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3595.                        Exception in C#
  3596.                        <span class="caret"></span>
  3597.                    </button>
  3598.                    <ul class="dropdown-menu">
  3599.                        <li><a id="alink" href="/exception/try-catch-in-csharp">Try/Catch in C#</a></li>
  3600.                        <li><a id="alink" href="/exception/custom-exception-in-csharp">CustomException in C#</a></li>
  3601.                    </ul>
  3602.                </div>
  3603.  
  3604.                <div id="div-dropdown-id" class="dropdown">
  3605.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3606.                        Collection in C#
  3607.                        <span class="caret"></span>
  3608.                    </button>
  3609.                    <ul class="dropdown-menu">
  3610.                        <li><a id="alink" href="/collection/list-in-csharp">List in C#</a></li>
  3611.                        <li><a id="alink" href="/collection/hashtable-in-csharp">HashTable in C#</a></li>
  3612.                        <li><a id="alink" href="/collection/sortedset-in-csharp">SortedSet in C#</a></li>
  3613.                        <li><a id="alink" href="/collection/stack-in-csharp">Stack in C#</a></li>
  3614.                        <li><a id="alink" href="/collection/queue-in-csharp">Queue in C#</a></li>
  3615.                        <li><a id="alink" href="/collection/dictionary-in-csharp">Distionary in C#</a></li>
  3616.                        <li><a id="alink" href="/collection/sorteddictionary-in-csharp">SortedDictionary in C#</a></li>
  3617.                        <li><a id="alink" href="/collection/sortedlist-in-csharp">SortedList in C#</a></li>
  3618.                        <li><a id="alink" href="/collection/linkedlist-in-csharp">LinkedList in C#</a></li>
  3619.                    </ul>
  3620.                </div>
  3621.  
  3622.                <div id="div-dropdown-id" class="dropdown">
  3623.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3624.                        DateTime in C#
  3625.                        <span class="caret"></span>
  3626.                    </button>
  3627.                    <ul class="dropdown-menu">
  3628.                        <li><a id="alink" href="/datetime/datetime-in-csharp">DateTime in C#</a></li>
  3629.                        <li><a id="alink" href="/datetime/timespan-in-csharp">TimeSpan in C#</a></li>
  3630.                        <li><a id="alink" href="/datetime/dateonly-in-csharp">DateOnly in C#</a></li>
  3631.                        <li><a id="alink" href="/datetime/timeonly-in-csharp">TimeOnly in C#</a></li>
  3632.                    </ul>
  3633.                </div>
  3634.  
  3635.                <div id="div-dropdown-id" class="dropdown">
  3636.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3637.                        File IO Part1 in C#
  3638.                        <span class="caret"></span>
  3639.                    </button>
  3640.                    <ul class="dropdown-menu">
  3641.                        <li><a id="alink" href="/file/filestream-in-csharp">FileStream in C#</a></li>
  3642.                        <li><a id="alink" href="/file/textwriter-in-csharp">TextWriter in C#</a></li>
  3643.                        <li><a id="alink" href="/file/textreader-in-csharp">TextReader in C#</a></li>
  3644.                        <li><a id="alink" href="/file/streamwriter-in-csharp">StreamWriter in C#</a></li>
  3645.                        <li><a id="alink" href="/file/streamreader-in-csharp">StreamReader in C#</a></li>
  3646.                        <li><a id="alink" href="/file/binarywriter-in-csharp">BinaryWriter in C#</a></li>
  3647.                        <li><a id="alink" href="/file/binaryreader-in-csharp">BinaryReader in C#</a></li>
  3648.                    </ul>
  3649.                </div>
  3650.  
  3651.                <div id="div-dropdown-id" class="dropdown">
  3652.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3653.                        File IO Part2 in C#
  3654.                        <span class="caret"></span>
  3655.                    </button>
  3656.                    <ul class="dropdown-menu">
  3657.                        <li><a id="alink" href="/file/fileinfo-in-csharp">FileInfo in C#</a></li>
  3658.                        <li><a id="alink" href="/file/directoryinfo-in-csharp">DirectoryInfo in C#</a></li>
  3659.                        <li><a id="alink" href="/file/serialization-in-csharp">Serialization in C#</a></li>
  3660.                        <li><a id="alink" href="/file/deserialization-in-csharp">DeSerialization in C#</a></li>
  3661.                        <li><a id="alink" href="/file/serialization-and-deserialization-with-memory-stream-in-csharp">Serialization and DeSerialization with Memory Stream in C#</a></li>
  3662.                        <li><a id="alink" href="/file/serialization-and-deserialization-with-xml-in-csharp">Serialization and DeSerialization with XML in C#</a></li>
  3663.                        <li><a id="alink" href="/file/serialization-and-deserialization-with-Json-in-csharp">Serialization and DeSerialization with JSON in C#</a></li>
  3664.                        <li><a id="alink" href="/file/what-is-serialization-and-deserialization-in-csharp">What is Serialization and DeSerialization in C#</a></li>
  3665.                    </ul>
  3666.                </div>
  3667.  
  3668.                <div id="div-dropdown-id" class="dropdown">
  3669.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3670.                        Event in C#
  3671.                        <span class="caret"></span>
  3672.                    </button>
  3673.                    <ul class="dropdown-menu">
  3674.                        <li><a id="alink" href="/event/event-in-csharp">Events In C#</a></li>
  3675.                    </ul>
  3676.                </div>
  3677.  
  3678.                <div id="div-dropdown-id" class="dropdown">
  3679.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3680.                        Delegate in C#
  3681.                        <span class="caret"></span>
  3682.                    </button>
  3683.                    <ul class="dropdown-menu">
  3684.                        <li><a id="alink" href="/delegate/delegate-in-csharp">Delegate In C#</a></li>
  3685.                    </ul>
  3686.                </div>
  3687.  
  3688.                <div id="div-dropdown-id" class="dropdown">
  3689.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3690.                        Reflection in C#
  3691.                        <span class="caret"></span>
  3692.                    </button>
  3693.                    <ul class="dropdown-menu">
  3694.                        <li><a id="alink" href="/reflection/reflection-in-csharp">Reflection In C#</a></li>
  3695.                    </ul>
  3696.                </div>
  3697.  
  3698.  
  3699.                <div id="div-dropdown-id" class="dropdown">
  3700.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3701.                        Articles Part1 in C#
  3702.                        <span class="caret"></span>
  3703.                    </button>
  3704.                    <ul class="dropdown-menu">
  3705.                        <li><a id="alink" href="/csharparticles/difference-between-writeline-and-write-in-csharp">Write and WrteLine in C#</a></li>
  3706.                        <li><a id="alink" href="/csharparticles/difference-between-boxing-and-unboxing-in-csharp">Boxing and UnBoxing in C#</a></li>
  3707.                        <li><a id="alink" href="/csharparticles/difference-between-string-and-StringBuilder-in-csharp">string and StringBuilder in C#</a></li>
  3708.                        <li><a id="alink" href="/csharparticles/difference-between-hashtable-and-dictionery-in-csharp">HashTable and Dictionary in C#</a></li>
  3709.                        <li><a id="alink" href="/csharparticles/difference-between-array-and-arraylist-in-csharp">Array and ArrayList in C#</a></li>
  3710.                    </ul>
  3711.                </div>
  3712.  
  3713.                <div id="div-dropdown-id" class="dropdown">
  3714.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3715.                        Articles Part2 in C#
  3716.                        <span class="caret"></span>
  3717.                    </button>
  3718.                    <ul class="dropdown-menu">
  3719.                        <li><a id="alink" href="/csharparticles/what-is-typeof-operator-in-csharp">What is typeof Operator in C#</a></li>
  3720.                        <li><a id="alink" href="/csharparticles/cannot-assign-null-to-an-implicitly-typed-variable">Cannot assign null to an implicitly-typed variable in C#</a></li>
  3721.                        <li><a id="alink" href="/csharparticles/how-initialize-empty-array-in-csharp">How initialize empty array in C#</a></li>
  3722.                        <li><a id="alink" href="/csharparticles/no-overload-for-method-ToDictionary-takes-0-arguments">No overload for method ToDictionary takes 0 arguments in C#</a></li>
  3723.                        <li><a id="alink" href="/csharparticles/how-to-store-list-in-dictinary-in-csharp">How to store list in dictionary in C#</a></li>
  3724.                    </ul>
  3725.                </div>
  3726.  
  3727.                 <div id="div-dropdown-id" class="dropdown">
  3728.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3729.                        Articles Part3 in C#
  3730.                        <span class="caret"></span>
  3731.                    </button>
  3732.                    <ul class="dropdown-menu">
  3733.                        <li><a id="alink" href="/csharparticles/how-to-handle-null-value-in-function-in-csharp">How to manage null value in function in C#</a></li>
  3734.                        <li><a id="alink" href="/csharparticles/how-to-convert-json-object-to-dictionary-in-csharp">how to convert json object to dictionary in C#</a></li>
  3735.                        <li><a id="alink" href="/csharparticles/how-to-remove-numbers-and-specialcharacter-from-string-using-Regex-Replace-in-csharp">How To Remove Numbers And SpecialCharacter From String Using Regex.Replace in C#</a></li>
  3736.                        <li><a id="alink" href="/csharparticles/how-to-get-number-of-days-in-month-using-in-csharp">How to get Number of Days in Month Using C#</a></li>
  3737.                        <li><a id="alink" href="/csharparticles/what-is-difference-between-var-and-dynamic-in-csharp">What is difference between var and dynamic in C#</a></li>
  3738.                    </ul>
  3739.                </div>
  3740.  
  3741.                <div id="div-dropdown-id" class="dropdown">
  3742.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3743.                        C# version 2.0
  3744.                        <span class="caret"></span>
  3745.                    </button>
  3746.                    <ul class="dropdown-menu">
  3747.                        <li><a id="alink" href="/csharparticles/what-generics-in-csharp">Generic in C#</a></li>
  3748.                        <li><a id="alink" href="/csharparticles/what-generics-collection-in-csharp">Generics Collection in C#</a></li>
  3749.                        <li><a id="alink" href="/csharparticles/what-generics-method-in-csharp">Generics Method in C#</a></li>
  3750.                        <li><a id="alink" href="/csharparticles/what-generics-constranits-in-csharp">Generics Constraints in C#</a></li>
  3751.                        <li><a id="alink" href="/csharparticles/partial-class-in-csharp">Partial Class in C#</a></li>
  3752.                    </ul>
  3753.                </div>
  3754.  
  3755.                <div id="div-dropdown-id" class="dropdown">
  3756.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3757.                        C# version 2.0
  3758.                        <span class="caret"></span>
  3759.                    </button>
  3760.                    <ul class="dropdown-menu">
  3761.                        <li><a id="alink" href="/csharparticles/anonymous-method-in-csharp">Anonymous Method in C#</a></li>
  3762.                        <li><a id="alink" href="/csharparticles/Nullable-Types-in-csharp">Nullable Types in C#</a></li>
  3763.                        <li><a id="alink" href="/csharparticles/Iterators-in-csharp">Iterators in C#</a></li>
  3764.                        <li><a id="alink" href="/csharparticles/covariance-and-contravariance-in-csharp">Covariance and Contravariance in C#</a></li>
  3765.                    </ul>
  3766.                </div>
  3767.  
  3768.                <div id="div-dropdown-id" class="dropdown">
  3769.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3770.                        C# version 3.0
  3771.                        <span class="caret"></span>
  3772.                    </button>
  3773.                    <ul class="dropdown-menu">
  3774.                        <li><a id="alink" href="/csharparticles/anonymous-types-in-csharp">Anonymous Types in C#</a></li>
  3775.                        <li><a id="alink" href="/csharparticles/query-expression-in-csharp">Query Expression in C#</a></li>
  3776.                        <li><a id="alink" href="/csharparticles/lambda-expressions-in-csharp">Lambda Expressions in C#</a></li>
  3777.                        <li><a id="alink" href="/csharparticles/extension-methods-in-csharp">Extension Methods in C#</a></li>
  3778.                        <li><a id="alink" href="/csharparticles/implicitly-typed-local-variables-in-csharp">Implicitly Typed Variables in C#</a></li>
  3779.                        <li><a id="alink" href="/csharparticles/object-initializer-in-csharp">Object Initializers in C#</a></li>
  3780.                        <li><a id="alink" href="/csharparticles/collection-initializer-in-csharp">Collection Initializer in C#</a></li>
  3781.                    </ul>
  3782.                </div>
  3783.  
  3784.                <div id="div-dropdown-id" class="dropdown">
  3785.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3786.                        C# version 4.0
  3787.                        <span class="caret"></span>
  3788.                    </button>
  3789.                    <ul class="dropdown-menu">
  3790.                        <li><a id="alink" href="/csharparticles/dynamic-binding-in-csharp">Dynamic Binding in C#</a></li>
  3791.                        <li><a id="alink" href="/csharparticles/named-optional-parameters-in-csharp">Named Optional Parameters in C#</a></li>
  3792.                        <li><a id="alink" href="/csharparticles/covariance-and-contravariance-in-generics-in-csharp">Covariance And Contravariance Generics in C#</a></li>
  3793.                        
  3794.                    </ul>
  3795.                </div>
  3796.  
  3797.                <div id="div-dropdown-id" class="dropdown">
  3798.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3799.                        C# version 5.0
  3800.                        <span class="caret"></span>
  3801.                    </button>
  3802.                    <ul class="dropdown-menu">
  3803.                        <li><a id="alink" href="/csharparticles/async-await-in-csharp">Await Async in C#</a></li>
  3804.                        <li><a id="alink" href="/csharparticles/caller-info-attributes-in-csharp">Caller Info Attributes in C#</a></li>
  3805.                    </ul>
  3806.                </div>
  3807.  
  3808.                 <div id="div-dropdown-id" class="dropdown">
  3809.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3810.                        C# version 6.0
  3811.                        <span class="caret"></span>
  3812.                    </button>
  3813.                    <ul class="dropdown-menu">
  3814.                        <li><a id="alink" href="/csharparticles/static-import-in-csharp">Static Import in C#</a></li>
  3815.                        <li><a id="alink" href="/csharparticles/exception-filters-in-csharp">Exception filters in C#</a></li>
  3816.                        <li><a id="alink" href="/csharparticles/auto-property-initializer-in-csharp">Auto Property Initializers in C#</a></li>
  3817.                        <li><a id="alink" href="/csharparticles/expression-bodied-members-in-csharp">Expression-Bodied Members in C#</a></li>
  3818.                        <li><a id="alink" href="/csharparticles/null-propagation-operator-in-csharp">Null Propagation Operator in C#</a></li>
  3819.                        <li><a id="alink" href="/csharparticles/string-interpolation-in-csharp">String Interpolation in C#</a></li>
  3820.                        <li><a id="alink" href="/csharparticles/nameof-operator-in-csharp">Nameof Operator in C#</a></li>
  3821.                    </ul>
  3822.                </div>
  3823.  
  3824.                <div id="div-dropdown-id" class="dropdown">
  3825.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3826.                        C# version 7.0
  3827.                        <span class="caret"></span>
  3828.                    </button>
  3829.                    <ul class="dropdown-menu">
  3830.                         <li><a id="alink" href="/csharparticles/tuples-and-deconstruction-in-csharp">Tuple Deconstruction in C#</a></li>
  3831.                        <li><a id="alink" href="/csharparticles/pattern-matching-in-csharp">Pattern Matching in C#</a></li>
  3832.                        <li><a id="alink" href="/csharparticles/local-functions-in-csharp">Local Functions in C#</a></li>
  3833.                        <li><a id="alink" href="/csharparticles/ref-locals-and-ref-returns-in-csharp">Ref Locals and Ref Returns in C#</a></li>
  3834.                        <li><a id="alink" href="/csharparticles/discards-in-csharp">Discards Variable in C#</a></li>
  3835.                        <li><a id="alink" href="/csharparticles/binary-literals-and-digit-separators-csharp">Binary Literals And Digit Separators in C#</a></li>
  3836.                        <li><a id="alink" href="/csharparticles/throw-expressions-csharp">Throw Expressions in C#</a></li>
  3837.                    </ul>
  3838.                </div>
  3839.  
  3840.                <div id="div-dropdown-id" class="dropdown">
  3841.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3842.                        C# version 7.1
  3843.                        <span class="caret"></span>
  3844.                    </button>
  3845.                    <ul class="dropdown-menu">
  3846.                        <li><a id="alink" href="/csharparticles/main-method-async-in-csharp">Main Method Async in C#</a></li>
  3847.                        <li><a id="alink" href="/csharparticles/default-literal-expressions-in-csharp">Default Literal Expressions in C#</a></li>
  3848.                        <li><a id="alink" href="/csharparticles/inferred-tuple-element-names-in-csharp">Inferred Tuple Element Names in C#</a></li>
  3849.                        <li><a id="alink" href="/csharparticles/pattern-matching-on-generic-type-parameters-in-csharp">Pattern Matching On Generic Type Parameters in C#</a></li>
  3850.                        
  3851.                    </ul>
  3852.                </div>
  3853.                <div id="div-dropdown-id" class="dropdown">
  3854.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3855.                        C# version 7.2
  3856.                        <span class="caret"></span>
  3857.                    </button>
  3858.                    <ul class="dropdown-menu">
  3859.                        <li><a id="alink" href="/csharparticles/stackalloc-in-csharp">Stackalloc in C#</a></li>
  3860.                        <li><a id="alink" href="/csharparticles/fixed-statement-in-csharp">Fixed Statement in C#</a></li>
  3861.                        <li><a id="alink" href="/csharparticles/access-fixed-fields-without-pinning-in-csharp">Access Fixed Fields Without Pinning in C#</a></li>
  3862.                        <li><a id="alink" href="/csharparticles/ref-assignment-in-csharp">Ref Reassignment in C#</a></li>
  3863.                        <li><a id="alink" href="/csharparticles/readonly-struct-in-csharp">Readonly Struct in C#</a></li>
  3864.                        <li><a id="alink" href="/csharparticles/ref-readonly-in-csharp">Ref Readonly in C#</a></li>
  3865.                    </ul>
  3866.                </div>
  3867.  
  3868.                <div id="div-dropdown-id" class="dropdown">
  3869.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3870.                        C# version 7.2
  3871.                        <span class="caret"></span>
  3872.                    </button>
  3873.                    <ul class="dropdown-menu">
  3874.                        <li><a id="alink" href="/csharparticles/ref-struct-in-csharp">Ref Struct in C#</a></li>
  3875.                        <li><a id="alink" href="/csharparticles/non-trailing-named-arguments-in-csharp">Non-Trailing Named Arguments in C#</a></li>
  3876.                        <li><a id="alink" href="/csharparticles/leading-underscores-in-numeric-literals-in-csharp">Leading Underscores In Numeric Literals in C#</a></li>
  3877.                        <li><a id="alink" href="/csharparticles/private-protected-access-modifier-in-csharp">Private Protected Access Modifier in C#</a></li>
  3878.                        <li><a id="alink" href="/csharparticles/conditional-ref-expression-in-csharp">Conditional Ref Expressions in C#</a></li>
  3879.                    </ul>
  3880.                </div>
  3881.  
  3882.                <div id="div-dropdown-id" class="dropdown">
  3883.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3884.                        C# version 8.0
  3885.                        <span class="caret"></span>
  3886.                    </button>
  3887.                    <ul class="dropdown-menu">
  3888.                        <li><a id="alink" href="/csharparticles/readonly-members-in-csharp">Readonly Members in C#</a></li>
  3889.                        <li><a id="alink" href="/csharparticles/default-interface-methods-in-csharp">Default Interface Methods in C#</a></li>
  3890.                        <li><a id="alink" href="/csharparticles/using-declaration-in-csharp">Using Declarations in C#</a></li>
  3891.                        <li><a id="alink" href="/csharparticles/static-local-function-in-csharp">Static Local Functions in C#</a></li>
  3892.                        <li><a id="alink" href="/csharparticles/disposable-ref-struct-in-csharp">Disposable Ref Structs in C#</a></li>
  3893.                        <li><a id="alink" href="/csharparticles/nullable-reference-types-in-csharp">Nullable Reference Types in C#</a></li>
  3894.                    </ul>
  3895.                </div>
  3896.  
  3897.                <div id="div-dropdown-id" class="dropdown">
  3898.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3899.                        C# version 8.0
  3900.                        <span class="caret"></span>
  3901.                    </button>
  3902.                    <ul class="dropdown-menu">
  3903.                        <li><a id="alink" href="/csharparticles/asynchronous-streams-in-csharp">Asynchronous Streams in C#</a></li>
  3904.                        <li><a id="alink" href="/csharparticles/indices-and-ranges-in-csharp">Indices And Ranges in C#</a></li>
  3905.                        <li><a id="alink" href="/csharparticles/null-coalescing-assignment-in-csharp">Null-Coalescing Assignment in C#</a></li>
  3906.                        <li><a id="alink" href="/csharparticles/unmanaged-constructed-types-in-csharp">Unmanaged Constructed Types in C#</a></li>
  3907.                        <li><a id="alink" href="/csharparticles/stackalloc-in-nested-expressions-in-csharp">Stackalloc In Nested Expressions in C#</a></li>
  3908.                        <li><a id="alink" href="/csharparticles/interpolated-verbatim-string-in-csharp">Interpolated Verbatim Strings in C#</a></li>
  3909.                    </ul>
  3910.                </div>
  3911.  
  3912.                <div id="div-dropdown-id" class="dropdown">
  3913.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3914.                        C# version 9.0
  3915.                        <span class="caret"></span>
  3916.                    </button>
  3917.                    <ul class="dropdown-menu">
  3918.                        <li><a id="alink" href="/csharparticles/record-example-in-csharp">Records Example in C#</a></li>
  3919.                        <li><a id="alink" href="/csharparticles/init-only-setters-in-csharp">Init Only Setters in C#</a></li>
  3920.                        <li><a id="alink" href="/csharparticles/top-level-statements-in-csharp">Top-Level Statements  in C#</a></li>
  3921.                        <li><a id="alink" href="/csharparticles/interop-performance-in-csharp">Performance And Interop Types in C#</a></li>
  3922.                        <li><a id="alink" href="/csharparticles/native-sized-integers-in-csharp">Native Sized Integers in C#</a></li>
  3923.                        <li><a id="alink" href="/csharparticles/function-pointers-in-csharp">Function Pointers in C#</a></li>
  3924.                    </ul>
  3925.                </div>
  3926.  
  3927.                <div id="div-dropdown-id" class="dropdown">
  3928.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3929.                        C# version 9.0
  3930.                        <span class="caret"></span>
  3931.                    </button>
  3932.                    <ul class="dropdown-menu">
  3933.                        <li><a id="alink" href="/csharparticles/suppress-emitting-localsinit-flag-in-csharp">Suppress Emitting LocalsInit Flag in C#</a></li>
  3934.                        <li><a id="alink" href="/csharparticles/module-initializers-in-csharp">Module Initializers in C#</a></li>
  3935.                        <li><a id="alink" href="/csharparticles/new-features-for-partial-methods-in-csharp">New Features For Partial Methods - C# 9.0 in C#</a></li>
  3936.                        <li><a id="alink" href="/csharparticles/fit-and-finish-features-in-csharp">Fit And Finish Features in C#</a></li>
  3937.                        <li><a id="alink" href="/csharparticles/target-typed-new-expressions-in-csharp">Target Typed New Expressions in C#</a></li>
  3938.                        <li><a id="alink" href="/csharparticles/static-anonymous-functions-in-csharp">Static Anonymous Functions in C#</a></li>
  3939.                    </ul>
  3940.                </div>
  3941.  
  3942.                 <div id="div-dropdown-id" class="dropdown">
  3943.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3944.                        C# version 9.0
  3945.                        <span class="caret"></span>
  3946.                    </button>
  3947.                    <ul class="dropdown-menu">
  3948.                        <li><a id="alink" href="/csharparticles/target-typed-conditional-expressions-in-csharp">Target Typed Conditional Expression in C#</a></li>
  3949.                        <li><a id="alink" href="/csharparticles/covariant-return-types-in-csharp">Covariant Return Types in C#</a></li>
  3950.                        <li><a id="alink" href="/csharparticles/extension-getenumerator-support-for-foreach-loops-in-csharp">Extension GetEnumerator Support For Foreach Loops  in C#</a></li>
  3951.                        <li><a id="alink" href="/csharparticles/lambda-discard-parameters-in-csharp">Lambda Discard Parameters in C#</a></li>
  3952.                        <li><a id="alink" href="/csharparticles/attributes-on-local-functions-in-csharp">Attributes On Local Functions in C#</a></li>
  3953.                    </ul>
  3954.                </div>
  3955.  
  3956.                <div id="div-dropdown-id" class="dropdown">
  3957.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3958.                        C# version 10.0
  3959.                        <span class="caret"></span>
  3960.                    </button>
  3961.                    <ul class="dropdown-menu">
  3962.                        <li><a id="alink" href="/csharparticles/record-structs-in-csharp">Record Struct in C#</a></li>
  3963.                        <li><a id="alink" href="/csharparticles/improvements-of-structure-types-in-csharp">Improvements Of Structure Types in C#</a></li>
  3964.                        <li><a id="alink" href="/csharparticles/interpolated-string-handlers-in-csharp">Interpolated String Handler in C#</a></li>
  3965.                        <li><a id="alink" href="/csharparticles/global-using-directives-in-csharp">Global Using Directive in C#</a></li>
  3966.                        <li><a id="alink" href="/csharparticles/file-scoped-namespace-declaration-in-csharp">File-Scoped Namespace Declaration  in C#</a></li>
  3967.                    </ul>
  3968.                </div>
  3969.  
  3970.                <div id="div-dropdown-id" class="dropdown">
  3971.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3972.                        C# version 10.0
  3973.                        <span class="caret"></span>
  3974.                    </button>
  3975.                    <ul class="dropdown-menu">
  3976.                        <li><a id="alink" href="/csharparticles/extended-property-patterns-in-csharp">Extended Property Patterns in C#</a></li>
  3977.                        <li><a id="alink" href="/csharparticles/lambda-expressions-with-natural-type-in-csharp">Lambda Expressions With Natural Type in C#</a></li>
  3978.                        <li><a id="alink" href="/csharparticles/lambda-expressions-with-return-type-in-csharp">Lambda Expressions With Return Type in C#</a></li>
  3979.                        <li><a id="alink" href="/csharparticles/attributes-with-lambda-expressions-in-csharp">Attribute With Lambda Expression in C#</a></li>
  3980.                        <li><a id="alink" href="/csharparticles/const-strings-initialized-using-string-interpolation-in-csharp">Const String Interpolation in C#</a></li>
  3981.                        <li><a id="alink" href="/csharparticles/sealed-modifier-with-override-toString-with-record-type-in-csharp">Sealed Modifier With Override ToString With Record Type in C#</a></li>
  3982.                    </ul>
  3983.                </div>
  3984.  
  3985.                <div id="div-dropdown-id" class="dropdown">
  3986.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  3987.                        C# version 10.0
  3988.                        <span class="caret"></span>
  3989.                    </button>
  3990.                    <ul class="dropdown-menu">
  3991.                        <li><a id="alink" href="/csharparticles/warnings-for-definite-assignment-in-csharp">Warning For Definite Assignments And Null-State Analysis in C#</a></li>
  3992.                        <li><a id="alink" href="/csharparticles/assignment-and-declaration-in-the-same-deconstruction-in-csharp">Assignment And Declaration In the Same Deconstruction in C#</a></li>
  3993.                        <li><a id="alink" href="/csharparticles/allow-async-methodbuilder-attribute-on-methods-in-csharp">Allow Asyncmethodbuilder Attribute On Methods in C#</a></li>
  3994.                        <li><a id="alink" href="/csharparticles/callerargumentexpression-attribute-in-csharp">CallerArgumentExpression Attribute in C#</a></li>
  3995.                        <li><a id="alink" href="/csharparticles/new-format-for-the-line-pragma-in-csharp">New Format For The Line Pragma in C#</a></li>
  3996.                    </ul>
  3997.                </div>
  3998.  
  3999.                <div id="div-dropdown-id" class="dropdown">
  4000.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4001.                        C# version 11.0
  4002.                        <span class="caret"></span>
  4003.                    </button>
  4004.                    <ul class="dropdown-menu">
  4005.                        <li><a id="alink" href="/csharparticles/raw-string-literals-in-csharp">Raw String Literals  in C#</a></li>
  4006.                        <li><a id="alink" href="/csharparticles/generic-math-support-in-csharp">Generic Math Support in C#</a></li>
  4007.                        <li><a id="alink" href="/csharparticles/generic-attributes-in-csharp">Generic Attributes  in C#</a></li>
  4008.                        <li><a id="alink" href="/csharparticles/utf-8-string-literals-in-csharp">UTF-8 String Literal in C#</a></li>
  4009.                        <li><a id="alink" href="/csharparticles/newlines-in-string-interpolation-expressions-in-csharp">New Line In String Interpolation expression in C#</a></li>
  4010.                    </ul>
  4011.                </div>
  4012.  
  4013.                 <div id="div-dropdown-id" class="dropdown">
  4014.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4015.                        C# version 11.0
  4016.                        <span class="caret"></span>
  4017.                    </button>
  4018.                    <ul class="dropdown-menu">
  4019.                        <li><a id="alink" href="/csharparticles/list-patterns-in-csharp">List Patterns  in C#</a></li>
  4020.                        <li><a id="alink" href="/csharparticles/file-local-types-in-csharp">File Local Types in C#</a></li>
  4021.                        <li><a id="alink" href="/csharparticles/required-members-in-csharp">Required Member in C#</a></li>
  4022.                        <li><a id="alink" href="/csharparticles/auto-default-structs-in-csharp">Auto Default Structs in C#</a></li>
  4023.                        <li><a id="alink" href="/csharparticles/pattern-match-span-char-on-a-constant-string-in-csharp">Pattern Match Span&lt;char&gt; on a constant string in C#</a></li>
  4024.                    </ul>
  4025.                </div>
  4026.  
  4027.                <div id="div-dropdown-id" class="dropdown">
  4028.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4029.                        C# version 11.0
  4030.                        <span class="caret"></span>
  4031.                    </button>
  4032.                    <ul class="dropdown-menu">
  4033.                        <li><a id="alink" href="/csharparticles/extended-nameof-scope-in-csharp">Extended Nameof Scope in C#</a></li>
  4034.                        <li><a id="alink" href="/csharparticles/numeric-intptr-in-csharp">Numeric IntPtr in C#</a></li>
  4035.                        <li><a id="alink" href="/csharparticles/ref-fields-and-scoped-ref-in-csharp">Ref Fields And Scoped Ref in C#</a></li>
  4036.                        <li><a id="alink" href="/csharparticles/improved-method-group-conversion-to-delegate-in-csharp">Improved Method Group Conversion To Delegate in C#</a></li>
  4037.                        <li><a id="alink" href="/csharparticles/warning-wave-7-in-csharp">Warning Wave 7 in C#</a></li>
  4038.                    </ul>
  4039.                </div>
  4040.  
  4041.                <div id="div-dropdown-id" class="dropdown">
  4042.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4043.                        C# version 12.0
  4044.                        <span class="caret"></span>
  4045.                    </button>
  4046.                    <ul class="dropdown-menu">
  4047.                        <li><a id="alink" href="/csharparticles/primary-constructors-in-csharp">Primary Constructors in C#</a></li>
  4048.                        <li><a id="alink" href="/csharparticles/collection-expressions-in-csharp">Collection Expressions in C#</a></li>
  4049.                        <li><a id="alink" href="/csharparticles/inline-arrays-in-csharp">Inline Arrays  in C#</a></li>
  4050.                        <li><a id="alink" href="/csharparticles/optional-parameters-in-lambda-expressions-in-csharp">Optional Parameters In Lambda Expressions  in C#</a></li>
  4051.                        <li><a id="alink" href="/csharparticles/ref-readonly-parameters-in-csharp">Ref Readonly Parameters in C#</a></li>
  4052.                    </ul>
  4053.                </div>
  4054.  
  4055.                <div id="div-dropdown-id" class="dropdown">
  4056.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4057.                        C# version 12.0
  4058.                        <span class="caret"></span>
  4059.                    </button>
  4060.                    <ul class="dropdown-menu">
  4061.                        <li><a id="alink" href="/csharparticles/alias-any-type-in-csharp">Alias Any Type in C#</a></li>
  4062.                        <li><a id="alink" href="/csharparticles/experimental-attribute-in-csharp">Experimental Attribute in C#</a></li>
  4063.                    </ul>
  4064.                </div>
  4065.  
  4066.                <div id="div-dropdown-id" class="dropdown">
  4067.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4068.                        C# version 13.0
  4069.                        <span class="caret"></span>
  4070.                    </button>
  4071.                    <ul class="dropdown-menu">
  4072.                        <li><a id="alink" href="/csharparticles/params-collections-in-csharp">Params Collections in C#</a></li>
  4073.                        <li><a id="alink" href="/csharparticles/new-lock-type-and-semantics-in-csharp">New Lock Type And Semantics in C#</a></li>
  4074.                        <li><a id="alink" href="/csharparticles/new-escape-sequence-in-csharp">New Escape Sequence in C#</a></li>
  4075.                        <li><a id="alink" href="/csharparticles/small-optimizations-in-csharp">Overload Resolution In Lambda Expressions  in C#</a></li>
  4076.                        <li><a id="alink" href="/csharparticles/implicit-indexer-access-in-csharp">Implicit Indexer Access in C#</a></li>
  4077.                    </ul>
  4078.                </div>
  4079.  
  4080.  
  4081.                <div id="div-dropdown-id" class="dropdown">
  4082.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4083.                        C# version 13.0
  4084.                        <span class="caret"></span>
  4085.                    </button>
  4086.                    <ul class="dropdown-menu">
  4087.                        <li><a id="alink" href="/csharparticles/ref-locals-and-unsafe-contexts-in-csharp">Ref and Unsafe in Iterators and Async Methods in C#</a></li>
  4088.                        <li><a id="alink" href="/csharparticles/ref-struct-types-to-implement-interfaces-in-csharp">Ref Struct Implement Interface in C#</a></li>
  4089.                        <li><a id="alink" href="/csharparticles/ref-struct-types-as-arguments-in-csharp">Ref Struct Type Argument in C#</a></li>
  4090.                        <li><a id="alink" href="/csharparticles/partial-properties-and-indexers-in-csharp">Partial Properties and Indexers in C#</a></li>
  4091.                        <li><a id="alink" href="/csharparticles/overload-resolution-priority-allows-library-in-csharp">Overload Resolution Priority in C#</a></li>
  4092.                    </ul>
  4093.                </div>
  4094.  
  4095.                <div id="div-dropdown-id" class="dropdown">
  4096.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4097.                        C# Interview
  4098.                        <span class="caret"></span>
  4099.                    </button>
  4100.                    <ul class="dropdown-menu">
  4101.                        <li><a id="alink" href="/Interview/basic-csharp-interview-questions">C# Interview Questions and Answers</a></li>
  4102.                        <li><a id="alink" href="/Interview/csharp-oop-interview-questions">C# OOP Interview Questions and Answers</a></li>
  4103.                    </ul>
  4104.                </div>
  4105.  
  4106.                <div id="div-dropdown-id" class="dropdown">
  4107.                    <button id="menu-button-side" class="btn btn-primary d-none d-lg-inline-block dropdown-toggle" type="button" data-toggle="dropdown">
  4108.                        C# History
  4109.                        <span class="caret"></span>
  4110.                    </button>
  4111.                    <ul class="dropdown-menu">
  4112.                        <li><a id="alink" href="/history/c-sharp-version-one-point-zero-tutorial">C# version 1.0</a></li>
  4113.                    </ul>
  4114.                </div>
  4115.  
  4116. </div>
  4117. </aside>
  4118. </div>
  4119.  
  4121.  
  4122. <!-- Content Side -->
  4123. <div class="content-side col-lg-6 col-md-12 col-sm-12">
  4124. <div class="service-detail">
  4125. <div class="inner-box">
  4126. <div class="lower-content">
  4127.  
  4128. <h1 class="mt-3 mb-3 pt-1 pb-1 h1-color">Learn C# Programming</h1>
  4129.  
  4130. <p>C# (pronounced "C Sharp") is a programming language that is latest, flexible. It is made by Microsoft. C# is an object-oriented programming language that support four main pillar of OOP Abstraction, Encapsulation, Inheritance, Polymorphism. It run on .NET Framework. It's history start from late 1990s.</p>
  4131. <p class="mt-3">C# has the characteristics like type safety, garbage collection, and scalability. Its reputation is built on its simplicity, adaptability, and seamless connection with the .NET environment.</p>
  4132. <p class="mt-3">C# is such type of language in which errors can be caught at compile time rather than runtime, making code more robust.</p>
  4133. <p class="mt-3">Dot NET framework in C#, providing access to a vast library of pre-built functions and tools, which can speed up development. </p>
  4134. <p class="mt-3">With .NET Core, C# can run on multiple platforms including Windows, macOS, and Linux, increasing its cross-platform compatibility.</p>
  4135. <p class="mt-3">C# has a large and active developer community, providing access to resources, tutorials, and support. C# is known for its performance, especially when optimized properly, making it suitable for building high-performance applications.</p>
  4136. <p class="mt-3">C# can be used in various domains and for different types of applications. Here are some common areas where C# is widely used</p>
  4137.  
  4138. <div class="row">
  4139. <div class="col-sm-6">
  4140. <div class="mt-4 mb-4 pt-4 pb-4 pl-4 pr-4" style="height:150px; width:350px; background-color:#e6e6ff; ">
  4141. <p style="color:black">
  4142. <span style="font-weight:bold">Desktop Applications:</span> Desktop application can be made with WPF (Windows Presentation Foundation) and Windows Forms.
  4143. </p>
  4144. </div>
  4145. </div>
  4146. <div class="col-sm-6">
  4147. <div class="mt-4 mb-4 pt-4 pb-4 pl-4 pr-4" style="height:150px; width:350px; background-color:#ffe6ff; ">
  4148. <p style="color:black">
  4149. <span style="font-weight:bold">Web Development:</span> Web application can be made in c# with Asp.Net Core and Asp.net MVC
  4150. </p>
  4151. </div>
  4152. </div>
  4153. </div>
  4154.  
  4155. <div class="row">
  4156. <div class="col-sm-6">
  4157. <div class="mt-4 mb-4 pt-4 pb-4 pl-4 pr-4" style="height:150px; width:350px; background-color:#e6ffe6; ">
  4158. <p style="color:black">
  4159. <span style="font-weight:bold">Mobile Application :</span> C# is used for creating mobile applications for iOS, Android, and Windows platforms with frameworks such as Xamarin.
  4160. </p>
  4161. </div>
  4162. </div>
  4163. <div class="col-sm-6">
  4164. <div class="mt-4 mb-4 pt-4 pb-4 pl-4 pr-4" style="height:150px; width:350px; background-color:#ffebe6; ">
  4165. <p style="color:black">
  4166. <span style="font-weight:bold">Game development:</span> C# is commonly used for the game development sector, especially when working with the Unity game engine.
  4167. </p>
  4168. </div>
  4169. </div>
  4170. </div>
  4171.  
  4172. <div class="row">
  4173. <div class="col-sm-6">
  4174. <div class="mt-4 mb-4 pt-4 pb-4 pl-4 pr-4" style="height:150px; width:350px; background-color:#ffffe6; ">
  4175. <p style="color:black">
  4176. <span style="font-weight:bold">Backend Services:</span> C# is used for developing backend services, APIs, and microservices with help of Asp.Net Core.
  4177. </p>
  4178. </div>
  4179. </div>
  4180. <div class="col-sm-6">
  4181. <div class="mt-4 mb-4 pt-4 pb-4 pl-4 pr-4" style="height:170px; width:350px; background-color:#e6ffff; ">
  4182. <p style="color:black">
  4183. <span style="font-weight:bold">Cloud Computing:</span> Microsoft Azure offers strong backing for C# and .NET, enabling developers to create, launch, and oversee applications in the cloud
  4184. </p>
  4185. </div>
  4186. </div>
  4187. </div>
  4188.  
  4189. <div class="row">
  4190. <div class="col-sm-6">
  4191. <div class="mt-4 mb-4 pt-4 pb-4 pl-4 pr-4" style="height:150px; width:350px; background-color:#f9f2ec; ">
  4192. <p style="color:black">
  4193. <span style="font-weight:bold">Machine Learning and Data Analysis:</span> C# can be utilized for machine learning and data analysis with tools such as ML.NET.
  4194. </p>
  4195. </div>
  4196. </div>
  4197. </div>
  4199. <h2 class="mt-3 mb-3 pt-1 pb-1 h1-color">What chapters you can learn from these C# tutorial?</h2>
  4200.  
  4201. <p>You can learn following chapters of C# from this c-sharp tutorial website. These chapetrs are for begineers and professionals. We have explain every topic with deytail and real life examples.</p>
  4202.  
  4203. <ul class="service-list-one">
  4204. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 1 - <span class="left" style="color:#660066; font-weight:600"><a href="/basic/dot-net-framwork">Dot Net Framwork</a></span></li>
  4205. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 2 - <span class="left" style="color:#660066; font-weight:600"><a href="/basic/history-in-csharp">Basic in C#</a></span></li>
  4206. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 3 - <span class="left" style="color:#660066; font-weight:600"><a href="/control/if-condition-in-csharp">Control Statement in C#</a></span></li>
  4207. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 4 - <span class="left" style="color:#660066; font-weight:600"><a href="/function/simple-function-in-csharp">Function In C#</a></span></li>
  4208. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 5 - <span class="left" style="color:#660066; font-weight:600"><a href="/array/array-in-csharp">Array In C#</a></span></li>
  4209. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 6 - <span class="left" style="color:#660066; font-weight:600"><a href="/class/class-in-csharp">OOP In C#</a></span></li>
  4210. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 7 - <span class="left" style="color:#660066; font-weight:600"><a href="/string/length-in-csharp">String In C#</a></span></li>
  4211. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 8 - <span class="left" style="color:#660066; font-weight:600"><a href="/exception/try-catch-in-csharp">Exception In C#</a></span></li>
  4212. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 9 - <span class="left" style="color:#660066; font-weight:600"><a href="/collection/list-in-csharp">Collection In C#</a></span></li>
  4213. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 10 - <span class="left" style="color:#660066; font-weight:600"><a href="/datetime/datetime-in-csharp">DateTime In C#</a></span></li>
  4214. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 11 - <span class="left" style="color:#660066; font-weight:600"><a href="/file/filestream-in-csharp">File IO In C#</a></span></li>
  4215. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 12 - <span class="left" style="color:#660066; font-weight:600"><a href="/event/event-in-csharp">Event In C#</a></span></li>
  4216. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 13 - <span class="left" style="color:#660066; font-weight:600"><a href="/delegate/delegate-in-csharp">Delegate In C#</a></span></li>
  4217. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 14 - <span class="left" style="color:#660066; font-weight:600"><a href="/reflection/reflection-in-csharp">Reflection In C#</a></span></li>
  4218. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 15 - <span class="left" style="color:#660066; font-weight:600"><a href="/history/c-sharp-version-one-point-zero-tutorial">History In C#</a></span></li>
  4219. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 16 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/difference-between-writeline-and-write-in-csharp">Articles In C#</a></span></li>
  4220. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 17 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/what-generics-in-csharp">C# version 2.0</a></span></li>
  4221. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 18 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/anonymous-types-in-csharp">C# version 3.0</a></span></li>
  4222. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 19 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/dynamic-binding-in-csharp">C# version 4.0</a></span></li>
  4223. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 20 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/async-await-in-csharp">C# version 5.0</a></span></li>
  4224. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 21 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/static-import-in-csharp">C# version 6.0</a></span></li>
  4225. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 22 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/tuples-and-deconstruction-in-csharp">C# version 7.0</a></span></li>
  4226. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 23 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/main-method-async-in-csharp">C# version 7.1</a></span></li>
  4227. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 24 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/stackalloc-in-csharp">C# version 7.2</a></span></li>
  4228. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 25 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/readonly-members-in-csharp">C# version 8.0</a></span></li>
  4229. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 26 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/record-example-in-csharp">C# version 9.0</a></span></li>
  4230. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 27 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/record-structs-in-csharp">C# version 10.0</a></span></li>
  4231. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 28 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/raw-string-literals-in-csharp">C# version 11.0</a></span></li>
  4232. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 29 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/primary-constructors-in-csharp">C# version 12.0</a></span></li>
  4233. <li style="color:black;font:18px;font-weight:600" class="service-list-menu-one">Chapter 30 - <span class="left" style="color:#660066; font-weight:600"><a href="/csharparticles/params-collections-in-csharp">C# version 13.0</a></span></li>
  4234. </ul>
  4235.  
  4236.  
  4237. </div>
  4238. </div>
  4239. </div>
  4240. </div>
  4242.  
  4243. <!-- Main Footer -->
  4244.  
  4245.  
  4246.  
  4247.  
  4248. <div class="content-side right-sidebar col-lg-3 col-md-12 col-sm-12">
  4249. <div class="row">
  4250. <div class="col-md-11 col-12">
  4251. <a style="text-align: center;" target="_blank" href="https://www.lulu.com/shop/muhammad-shahzad-aslam/learn-c-programming-with-examples/hardcover/product-m2k42pp.html?q=Learn+C%23+Programming+With+Examples&page=1&pageSize=4">
  4252. <img class="img-fluid mt-5 mb-2" src="/images/Book1-Paper.jpg" alt="C# Paper Book For Sell" />
  4253. </a>
  4254. </div>
  4255. </div>
  4256.  
  4257. <div class="row">
  4258. <div class="col-md-11 col-12">
  4259. <a style="text-align: center;" target="_blank" href="https://www.lulu.com/shop/shahzad-aslam/learn-c-programming-with-examples/ebook/product-jeqq5jp.html?q=Learn+C%23+Programming+With+Examples&page=1&pageSize=4">
  4260. <img class="img-fluid mt-2 mb-2" src="/images/Book1-Ebook.jpg" alt="C# Ebook For Sell" />
  4261. </a>
  4262. </div>
  4263. </div>
  4264.  
  4265. <div class="row">
  4266. <div class="col-md-11 col-12">
  4267. <a style="text-align: center;" target="_blank" href="https://www.lulu.com/shop/muhammad-shahzad-aslam/learn-object-oriented-porgramming-with-c/hardcover/product-rmvgmkz.html?q=Learn+OOP+in+C%23+with+examples&page=1&pageSize=4">
  4268. <img class="img-fluid mt-2 mb-2" src="/images/Book2-Paper.jpg" alt="OOP Paper Book For Sell" />
  4269. </a>
  4270. </div>
  4271. </div>
  4272.  
  4273. <div class="row">
  4274. <div class="col-md-11 col-12">
  4275. <a style="text-align: center;" target="_blank" href="https://www.lulu.com/shop/muhammad-shahzad-aslam/learn-object-oriented-porgramming-with-c/ebook/product-gj2vjpp.html?q=Learn+OOP+in+C%23+with+examples">
  4276. <img class="img-fluid mt-2 mb-2" src="/images/Book2-Ebook.jpg" alt="OOP Ebook For Sell" />
  4277. </a>
  4278. </div>
  4279. </div>
  4280. </div>
  4281.  
  4282. </div>
  4283. </div>
  4284. </div>
  4285.  
  4286. <!-- Footer Ad -->
  4288.  
  4289. <!-- Main Footer -->
  4290. <!-- Main Footer -->
  4291. <footer class="footer-style-two" style="background-image: url(~/images/background/3.jpg)">
  4292. <div class="container-fluid">
  4293. <!--Widgets Section-->
  4294. <div class="widgets-section">
  4295. <div class="row clearfix">
  4296.  
  4297. <!-- Footer Column -->
  4298. <div class="footer-column col-lg-3 col-md-6 col-sm-12">
  4299.    <div class="footer-widget logo-widget">
  4300.        <div class="logo">
  4301.            <a href="/"><img src="/images/logo-4.svg" style="width:160px; height:80px;" alt="" /></a>
  4302.        </div>
  4303.        <div class="text">C-Sharp Tutorial is for student and prefessional who want to learn C# programming from basic to advance. We have discussed every topic of C# alonge with examples in this tutorial guide.</div>
  4304.        <!-- Social Box -->
  4305.        <ul class="social-box">
  4306.            <li><a target="_blank" href="https://www.facebook.com/CSharpTutorial111" class="fab fa-facebook-f"></a></li>
  4307.            <li><a target="_blank" href="http://twitter.com/CSharp92827922" class="fab fa-twitter"></a></li>
  4308.            <li><a target="_blank" href="http://instagram.com/cshar_ptutorial?igsh=MXI5OWVpMDI2YnI0ZW==" class="fab fa-pinterest-p"></a></li>
  4309.            <li><a target="_blank" href="https://www.linkedin.com/in/c-sharptutorial/" class="fab fa-linkedin-in"></a></li>
  4310.        </ul>
  4311.    </div>
  4312. </div>
  4313.  
  4314. <!-- Footer Column -->
  4315. <div class="footer-column col-lg-3 col-md-6 col-sm-12">
  4316. <div class="footer-widget links-widget">
  4317. <h4>Learn Tutorials</h4>
  4318. <ul class="list-link style-two">
  4319. <li><a href="/basic/history-in-csharp">History in C#</a></li>
  4320. <li><a href="/control/if-condition-in-csharp">if Statement in C#</a></li>
  4321. <li><a href="/function/simple-function-in-csharp">Function in C#</a></li>
  4322. <li><a href="/array/array-in-csharp">Array in C#</a></li>
  4323. <li><a href="/class/class-in-csharp">Classes in C#</a></li>
  4324. <li><a href="/collection/list-in-csharp">List in C#</a></li>
  4325. </ul>
  4326. </div>
  4327. </div>
  4328.  
  4329. <!-- Footer Column -->
  4330. <div class="footer-column col-lg-3 col-md-6 col-sm-12">
  4331. <div class="footer-widget news-widget">
  4332. <h4>Latest News</h4>
  4333. <!-- Footer Column -->
  4334. <div class="widget-content">
  4335. <div class="post">
  4336. <div class="thumb"><a href="/csharparticles/how-initialize-empty-array-in-csharp"><img src="/images/resource/post-thumb-3.jpg" alt=""></a></div>
  4337. <span class="date">May 01, 2025</span>
  4338. <h5><a href="/csharparticles/how-initialize-empty-array-in-csharp">How initialize empty array in CSharp</a></h5>
  4339. </div>
  4340.  
  4341. <div class="post">
  4342. <div class="thumb"><a href="/csharparticles/how-initialize-empty-array-in-csharp"><img src="/images/resource/post-thumb-4.jpg" alt=""></a></div>
  4343. <span class="date">May 01, 2025</span>
  4344. <h5><a href="/csharparticles/how-to-store-list-in-dictinary-in-csharp">How to store list in dictionary in CSharp</a></h5>
  4345. </div>
  4346. </div>
  4347. </div>
  4348. </div>
  4349.  
  4350. <!-- Footer Column -->
  4351. <div class="footer-column col-lg-3 col-md-6 col-sm-12">
  4352. <div class="footer-widget contact-info-widget">
  4353. <h4>Learn Tutorials</h4>
  4354. <ul class="footer-info-list style-two">
  4355. <li><span class="icon flaticon-telephone-1"></span><a href="tel:+92-307-501-226-7">+92-307-501-226-7</a></li>
  4356. <li><span class="icon flaticon-email-2"></span><a href="mailto:info@c-sharptutorial.com">info@c-sharptutorial.com</a></li>
  4357. <li><span class="icon flaticon-send-1"></span>House # 18 Muslim Town Taxila, Rewalpandi</li>
  4358. <li><span class="icon flaticon-clock-1"></span>Opening Hours: 10:00 - 18:00</li>
  4359. </ul>
  4360. </div>
  4361. </div>
  4362.  
  4363. </div>
  4364. </div>
  4365.  
  4366. </div>
  4367. <!-- Footer Bottom -->
  4368. <div class="footer-bottom">
  4369. <div class="container-fluid">
  4370. <div class="row clearfix">
  4371. <!-- Column -->
  4372. <div class="column col-lg-6 col-md-12 col-sm-12">
  4373. <div class="copyright">&copy; 2025 All Rights Reserved. Design & Developed By C-Sharp Tutorial</div>
  4374. </div>
  4375. <!-- Column -->
  4376. <div class="column col-lg-6 col-md-12 col-sm-12">
  4377. <ul class="footer-nav">
  4378. <li><a href="/">Home</a></li>
  4379. <li><a href="/home/about-us">About Us</a></li>
  4380. <li><a href="/home/contact-us">Contact Us</a></li>
  4381. <li><a href="/home/privacy">Privacy Policy</a></li>
  4382. <li><a href="/home/terms-conditions">Terms of Use</a></li>
  4383. </ul>
  4384. </div>
  4385. </div>
  4386. </div>
  4387. </div>
  4388. </footer>
  4389.  
  4390. </div>
  4391.  
  4393. <!--End pagewrapper-->
  4394. <!-- Color Palate / Color Switcher -->
  4395.  
  4396. <div class="color-palate">
  4397. <div class="color-trigger">
  4398. <i class="fas fa-cog"></i>
  4399. </div>
  4400. <div class="color-palate-head">
  4401. <h6>Choose Your Options</h6>
  4402. </div>
  4403. <h5>RTL Version</h5>
  4404. <ul class="rtl-version option-box"> <li class="rtl">RTL Version</li> <li>LTR Version</li> </ul>
  4405. <h5>Boxed Version</h5>
  4406. <ul class="box-version option-box"> <li class="box">Boxed</li> <li>Full width</li></ul>
  4407. <h5>Want Sticky Header</h5>
  4408. <ul class="header-version option-box"> <li class="box">No</li> <li>Yes</li></ul>
  4409. <h5>Dark Verion</h5>
  4410. <ul class="dark-version option-box"> <li class="box">Yes</li> <li>No</li></ul>
  4411.  
  4412. <a href="#" class="purchase-btn">Purchase now $17</a>
  4413.  
  4414. <div class="palate-foo">
  4415. <span>You will find much more options and styling in admin panel.</span>
  4416. </div>
  4417.  
  4418. </div>
  4419.  
  4420. <!-- Search Popup -->
  4421. <div class="search-popup">
  4422. <button class="close-search style-two"><span class="flaticon-multiply"></span></button>
  4423. <button class="close-search"><span class="fa fa-arrow-up"></span></button>
  4424. <form method="post" action="blog.html">
  4425. <div class="form-group">
  4426. <input type="search" name="search-field" value="" placeholder="Search Here" required="">
  4427. <button type="submit"><i class="fa fa-search"></i></button>
  4428. </div>
  4429. </form>
  4430. </div>
  4431. <!-- End Header Search -->
  4432. <!-- Scroll To Top -->
  4433. <div class="back-to-top scroll-to-target show-back-to-top" data-target="html">TOP</div>
  4434.  
  4435.  
  4436. <script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
  4437.  
  4438. <script>
  4439. function copyFunction() {
  4440. const copyButtonLabel = "Copy Code";
  4441. var copyText = document.getElementById("code-part");
  4442. navigator.clipboard.writeText(copyText.innerText);
  4443. document.getElementById("divbtn").removeAttribute("style");
  4444. document.getElementById("divbtn").setAttribute("style", "margin-left:-107px;");
  4445. document.getElementById("btncopy").setAttribute("class", "btn btn-success");
  4446. document.getElementById("btncopy").innerText = "Code copied in clipboard";
  4447.  
  4448. setTimeout(() => {
  4449. document.getElementById("divbtn").removeAttribute("style");
  4450. document.getElementById("divbtn").setAttribute("style", "margin-left:-4px;");
  4451. document.getElementById("btncopy").setAttribute("class", "btn btn-danger");
  4452. document.getElementById("btncopy").innerText = copyButtonLabel;
  4453. }, 1200);
  4454. }
  4455. </script>
  4456.  
  4457. <script>
  4458. function copyFunctionOne() {
  4459.  
  4460. const copyButtonLabel = "Copy Code";
  4461. var copyText = document.getElementById("code-part-one");
  4462. navigator.clipboard.writeText(copyText.innerText);
  4463. document.getElementById("divbtnOne").removeAttribute("style");
  4464. document.getElementById("divbtnOne").setAttribute("style", "margin-left:-107px;");
  4465. document.getElementById("btncopyOne").setAttribute("class", "btn btn-success");
  4466. document.getElementById("btncopyOne").innerText = "Code copied in clipboard";
  4467.  
  4468.  
  4469. setTimeout(() => {
  4470. document.getElementById("divbtnOne").removeAttribute("style");
  4471. document.getElementById("divbtnOne").setAttribute("style", "margin-left:-4px;");
  4472. document.getElementById("btncopyOne").setAttribute("class", "btn btn-danger");
  4473. document.getElementById("btncopyOne").innerText = copyButtonLabel;
  4474. }, 1200);
  4475. }
  4476. </script>
  4477.  
  4478. <script>
  4479. function copyFunctionTwo() {
  4480.  
  4481. const copyButtonLabel = "Copy Code";
  4482. var copyText = document.getElementById("code-part-two");
  4483. navigator.clipboard.writeText(copyText.innerText);
  4484. document.getElementById("divbtnTwo").removeAttribute("style");
  4485. document.getElementById("divbtnTwo").setAttribute("style", "margin-left:-107px;");
  4486. document.getElementById("btncopyTwo").setAttribute("class", "btn btn-success");
  4487. document.getElementById("btncopyTwo").innerText = "Code copied in clipboard";
  4488.  
  4489.  
  4490. setTimeout(() => {
  4491. document.getElementById("divbtnTwo").removeAttribute("style");
  4492. document.getElementById("divbtnTwo").setAttribute("style", "margin-left:-4px;");
  4493. document.getElementById("btncopyTwo").setAttribute("class", "btn btn-danger");
  4494. document.getElementById("btncopyTwo").innerText = copyButtonLabel;
  4495. }, 1200);
  4496. }
  4497. </script>
  4498.  
  4499. <script>
  4500. function copyFunctionThree() {
  4501.  
  4502. const copyButtonLabel = "Copy Code";
  4503. var copyText = document.getElementById("code-part-three");
  4504. navigator.clipboard.writeText(copyText.innerText);
  4505. document.getElementById("divbtnThree").removeAttribute("style");
  4506. document.getElementById("divbtnThree").setAttribute("style", "margin-left:-107px;");
  4507. document.getElementById("btncopyThree").setAttribute("class", "btn btn-success");
  4508. document.getElementById("btncopyThree").innerText = "Code copied in clipboard";
  4509.  
  4510.  
  4511. setTimeout(() => {
  4512. document.getElementById("divbtnThree").removeAttribute("style");
  4513. document.getElementById("divbtnThree").setAttribute("style", "margin-left:-4px;");
  4514. document.getElementById("btncopyThree").setAttribute("class", "btn btn-danger");
  4515. document.getElementById("btncopyThree").innerText = copyButtonLabel;
  4516. }, 1200);
  4517. }
  4518. </script>
  4519.  
  4520. <script>
  4521. function copyFunctionFour() {
  4522.  
  4523. const copyButtonLabel = "Copy Code";
  4524. var copyText = document.getElementById("code-part-four");
  4525. navigator.clipboard.writeText(copyText.innerText);
  4526. document.getElementById("divbtnFour").removeAttribute("style");
  4527. document.getElementById("divbtnFour").setAttribute("style", "margin-left:-107px;");
  4528. document.getElementById("btncopyFour").setAttribute("class", "btn btn-success");
  4529. document.getElementById("btncopyFour").innerText = "Code copied in clipboard";
  4530.  
  4531.  
  4532. setTimeout(() => {
  4533. document.getElementById("divbtnFour").removeAttribute("style");
  4534. document.getElementById("divbtnFour").setAttribute("style", "margin-left:-4px;");
  4535. document.getElementById("btncopyFour").setAttribute("class", "btn btn-danger");
  4536. document.getElementById("btncopyFour").innerText = copyButtonLabel;
  4537. }, 1200);
  4538. }
  4539. </script>
  4540.  
  4541. <script>
  4542. function copyFunctionFive() {
  4543.  
  4544. const copyButtonLabel = "Copy Code";
  4545. var copyText = document.getElementById("code-part-five");
  4546. navigator.clipboard.writeText(copyText.innerText);
  4547. document.getElementById("divbtnFive").removeAttribute("style");
  4548. document.getElementById("divbtnFive").setAttribute("style", "margin-left:-107px;");
  4549. document.getElementById("btncopyFive").setAttribute("class", "btn btn-success");
  4550. document.getElementById("btncopyFive").innerText = "Code copied in clipboard";
  4551.  
  4552.  
  4553. setTimeout(() => {
  4554. document.getElementById("divbtnFive").removeAttribute("style");
  4555. document.getElementById("divbtnFive").setAttribute("style", "margin-left:-4px;");
  4556. document.getElementById("btncopyFive").setAttribute("class", "btn btn-danger");
  4557. document.getElementById("btncopyFive").innerText = copyButtonLabel;
  4558. }, 1200);
  4559. }
  4560. </script>
  4561.  
  4562. <script>
  4563. function copyFunctionSix() {
  4564.  
  4565. const copyButtonLabel = "Copy Code";
  4566. var copyText = document.getElementById("code-part-six");
  4567. navigator.clipboard.writeText(copyText.innerText);
  4568. document.getElementById("divbtnSix").removeAttribute("style");
  4569. document.getElementById("divbtnSix").setAttribute("style", "margin-left:-107px;");
  4570. document.getElementById("btncopySix").setAttribute("class", "btn btn-success");
  4571. document.getElementById("btncopySix").innerText = "Code copied in clipboard";
  4572.  
  4573.  
  4574. setTimeout(() => {
  4575. document.getElementById("divbtnSix").removeAttribute("style");
  4576. document.getElementById("divbtnSix").setAttribute("style", "margin-left:-4px;");
  4577. document.getElementById("btncopySix").setAttribute("class", "btn btn-danger");
  4578. document.getElementById("btncopySix").innerText = copyButtonLabel;
  4579. }, 1200);
  4580. }
  4581. </script>
  4582.  
  4583. <script>
  4584. function copyFunctionSeven() {
  4585.  
  4586. const copyButtonLabel = "Copy Code";
  4587. var copyText = document.getElementById("code-part-seven");
  4588. navigator.clipboard.writeText(copyText.innerText);
  4589. document.getElementById("divbtnSeven").removeAttribute("style");
  4590. document.getElementById("divbtnSeven").setAttribute("style", "margin-left:-107px;");
  4591. document.getElementById("btncopySeven").setAttribute("class", "btn btn-success");
  4592. document.getElementById("btncopySeven").innerText = "Code copied in clipboard";
  4593.  
  4594.  
  4595. setTimeout(() => {
  4596. document.getElementById("divbtnSeven").removeAttribute("style");
  4597. document.getElementById("divbtnSeven").setAttribute("style", "margin-left:-4px;");
  4598. document.getElementById("btncopySeven").setAttribute("class", "btn btn-danger");
  4599. document.getElementById("btncopySeven").innerText = copyButtonLabel;
  4600. }, 1200);
  4601. }
  4602. </script>
  4603.  
  4604. <script>
  4605. function copyFunctionEight() {
  4606.  
  4607. const copyButtonLabel = "Copy Code";
  4608. var copyText = document.getElementById("code-part-eight");
  4609. navigator.clipboard.writeText(copyText.innerText);
  4610. document.getElementById("divbtnEight").removeAttribute("style");
  4611. document.getElementById("divbtnEight").setAttribute("style", "margin-left:-107px;");
  4612. document.getElementById("btncopyEight").setAttribute("class", "btn btn-success");
  4613. document.getElementById("btncopyEight").innerText = "Code copied in clipboard";
  4614.  
  4615.  
  4616. setTimeout(() => {
  4617. document.getElementById("divbtnEight").removeAttribute("style");
  4618. document.getElementById("divbtnEight").setAttribute("style", "margin-left:-4px;");
  4619. document.getElementById("btncopyEight").setAttribute("class", "btn btn-danger");
  4620. document.getElementById("btncopyEight").innerText = copyButtonLabel;
  4621. }, 1200);
  4622. }
  4623. </script>
  4624.  
  4625. <script>
  4626. function copyFunctionNine() {
  4627.  
  4628. const copyButtonLabel = "Copy Code";
  4629. var copyText = document.getElementById("code-part-nine");
  4630. navigator.clipboard.writeText(copyText.innerText);
  4631. document.getElementById("divbtnNine").removeAttribute("style");
  4632. document.getElementById("divbtnNine").setAttribute("style", "margin-left:-107px;");
  4633. document.getElementById("btncopyNine").setAttribute("class", "btn btn-success");
  4634. document.getElementById("btncopyNine").innerText = "Code copied in clipboard";
  4635.  
  4636.  
  4637. setTimeout(() => {
  4638. document.getElementById("divbtnNine").removeAttribute("style");
  4639. document.getElementById("divbtnNine").setAttribute("style", "margin-left:-4px;");
  4640. document.getElementById("btncopyNine").setAttribute("class", "btn btn-danger");
  4641. document.getElementById("btncopyNine").innerText = copyButtonLabel;
  4642. }, 1200);
  4643. }
  4644. </script>
  4645.  
  4646. <script>
  4647. function copyFunctionTen() {
  4648.  
  4649. const copyButtonLabel = "Copy Code";
  4650. var copyText = document.getElementById("code-part-ten");
  4651. navigator.clipboard.writeText(copyText.innerText);
  4652. document.getElementById("divbtnTen").removeAttribute("style");
  4653. document.getElementById("divbtnTen").setAttribute("style", "margin-left:-107px;");
  4654. document.getElementById("btncopyTen").setAttribute("class", "btn btn-success");
  4655. document.getElementById("btncopyTen").innerText = "Code copied in clipboard";
  4656.  
  4657.  
  4658. setTimeout(() => {
  4659. document.getElementById("divbtnTen").removeAttribute("style");
  4660. document.getElementById("divbtnTen").setAttribute("style", "margin-left:-4px;");
  4661. document.getElementById("btncopyTen").setAttribute("class", "btn btn-danger");
  4662. document.getElementById("btncopyTen").innerText = copyButtonLabel;
  4663. }, 1200);
  4664. }
  4665. </script>
  4666.  
  4667. <script>
  4668. function copyFunctionEleven() {
  4669.  
  4670. const copyButtonLabel = "Copy Code";
  4671. var copyText = document.getElementById("code-part-eleven");
  4672. navigator.clipboard.writeText(copyText.innerText);
  4673. document.getElementById("divbtnEleven").removeAttribute("style");
  4674. document.getElementById("divbtnEleven").setAttribute("style", "margin-left:-107px;");
  4675. document.getElementById("btncopyEleven").setAttribute("class", "btn btn-success");
  4676. document.getElementById("btncopyEleven").innerText = "Code copied in clipboard";
  4677.  
  4678.  
  4679. setTimeout(() => {
  4680. document.getElementById("divbtnEleven").removeAttribute("style");
  4681. document.getElementById("divbtnEleven").setAttribute("style", "margin-left:-4px;");
  4682. document.getElementById("btncopyEleven").setAttribute("class", "btn btn-danger");
  4683. document.getElementById("btncopyEleven").innerText = copyButtonLabel;
  4684. }, 1200);
  4685. }
  4686. </script>
  4687.  
  4688. <script>
  4689. function copyFunctionTwelve() {
  4690.  
  4691. const copyButtonLabel = "Copy Code";
  4692. var copyText = document.getElementById("code-part-twelve");
  4693. navigator.clipboard.writeText(copyText.innerText);
  4694. document.getElementById("divbtnTwelve").removeAttribute("style");
  4695. document.getElementById("divbtnTwelve").setAttribute("style", "margin-left:-107px;");
  4696. document.getElementById("btncopyTwelve").setAttribute("class", "btn btn-success");
  4697. document.getElementById("btncopyTwelve").innerText = "Code copied in clipboard";
  4698.  
  4699.  
  4700. setTimeout(() => {
  4701. document.getElementById("divbtnTwelve").removeAttribute("style");
  4702. document.getElementById("divbtnTwelve").setAttribute("style", "margin-left:-4px;");
  4703. document.getElementById("btncopyTwelve").setAttribute("class", "btn btn-danger");
  4704. document.getElementById("btncopyTwelve").innerText = copyButtonLabel;
  4705. }, 1200);
  4706. }
  4707. </script>
  4708.  
  4709. <script>
  4710. function copyFunctionThirteen() {
  4711.  
  4712. const copyButtonLabel = "Copy Code";
  4713. var copyText = document.getElementById("code-part-thirteen");
  4714. navigator.clipboard.writeText(copyText.innerText);
  4715. document.getElementById("divbtnThirteen").removeAttribute("style");
  4716. document.getElementById("divbtnThirteen").setAttribute("style", "margin-left:-107px;");
  4717. document.getElementById("btncopyThirteen").setAttribute("class", "btn btn-success");
  4718. document.getElementById("btncopyThirteen").innerText = "Code copied in clipboard";
  4719.  
  4720.  
  4721. setTimeout(() => {
  4722. document.getElementById("divbtnThirteen").removeAttribute("style");
  4723. document.getElementById("divbtnThirteen").setAttribute("style", "margin-left:-4px;");
  4724. document.getElementById("btncopyThirteen").setAttribute("class", "btn btn-danger");
  4725. document.getElementById("btncopyThirteen").innerText = copyButtonLabel;
  4726. }, 1200);
  4727. }
  4728. </script>
  4729.  
  4730. <script>
  4731. function copyFunctionFourteen() {
  4732.  
  4733. const copyButtonLabel = "Copy Code";
  4734. var copyText = document.getElementById("code-part-fourteen");
  4735. navigator.clipboard.writeText(copyText.innerText);
  4736. document.getElementById("divbtnFourteen").removeAttribute("style");
  4737. document.getElementById("divbtnFourteen").setAttribute("style", "margin-left:-107px;");
  4738. document.getElementById("btncopyFourteen").setAttribute("class", "btn btn-success");
  4739. document.getElementById("btncopyFourteen").innerText = "Code copied in clipboard";
  4740.  
  4741.  
  4742. setTimeout(() => {
  4743. document.getElementById("divbtnFourteen").removeAttribute("style");
  4744. document.getElementById("divbtnFourteen").setAttribute("style", "margin-left:-4px;");
  4745. document.getElementById("btncopyFourteen").setAttribute("class", "btn btn-danger");
  4746. document.getElementById("btncopyFourteen").innerText = copyButtonLabel;
  4747. }, 1200);
  4748. }
  4749. </script>
  4750.  
  4751. <script>
  4752. function copyFunctionFifteen() {
  4753.  
  4754. const copyButtonLabel = "Copy Code";
  4755. var copyText = document.getElementById("code-part-fifteen");
  4756. navigator.clipboard.writeText(copyText.innerText);
  4757. document.getElementById("divbtnFifteen").removeAttribute("style");
  4758. document.getElementById("divbtnFifteen").setAttribute("style", "margin-left:-107px;");
  4759. document.getElementById("btncopyFifteen").setAttribute("class", "btn btn-success");
  4760. document.getElementById("btncopyFifteen").innerText = "Code copied in clipboard";
  4761.  
  4762.  
  4763. setTimeout(() => {
  4764. document.getElementById("divbtnFifteen").removeAttribute("style");
  4765. document.getElementById("divbtnFifteen").setAttribute("style", "margin-left:-4px;");
  4766. document.getElementById("btncopyFifteen").setAttribute("class", "btn btn-danger");
  4767. document.getElementById("btncopyFifteen").innerText = copyButtonLabel;
  4768. }, 1200);
  4769. }
  4770. </script>
  4771.  
  4772. <script>
  4773. function copyFunctionSixteen() {
  4774.  
  4775. const copyButtonLabel = "Copy Code";
  4776. var copyText = document.getElementById("code-part-sixteen");
  4777. navigator.clipboard.writeText(copyText.innerText);
  4778. document.getElementById("divbtnSixteen").removeAttribute("style");
  4779. document.getElementById("divbtnSixteen").setAttribute("style", "margin-left:-107px;");
  4780. document.getElementById("btncopySixteen").setAttribute("class", "btn btn-success");
  4781. document.getElementById("btncopySixteen").innerText = "Code copied in clipboard";
  4782.  
  4783.  
  4784. setTimeout(() => {
  4785. document.getElementById("divbtnSixteen").removeAttribute("style");
  4786. document.getElementById("divbtnSixteen").setAttribute("style", "margin-left:-4px;");
  4787. document.getElementById("btncopySixteen").setAttribute("class", "btn btn-danger");
  4788. document.getElementById("btncopySixteen").innerText = copyButtonLabel;
  4789. }, 1200);
  4790. }
  4791. </script>
  4792.  
  4793. <script>
  4794. function copyFunctionSeventeen() {
  4795.  
  4796. const copyButtonLabel = "Copy Code";
  4797. var copyText = document.getElementById("code-part-seventeen");
  4798. navigator.clipboard.writeText(copyText.innerText);
  4799. document.getElementById("divbtnSeventeen").removeAttribute("style");
  4800. document.getElementById("divbtnSeventeen").setAttribute("style", "margin-left:-107px;");
  4801. document.getElementById("btncopySeventeen").setAttribute("class", "btn btn-success");
  4802. document.getElementById("btncopySeventeen").innerText = "Code copied in clipboard";
  4803.  
  4804.  
  4805. setTimeout(() => {
  4806. document.getElementById("divbtnSeventeen").removeAttribute("style");
  4807. document.getElementById("divbtnSeventeen").setAttribute("style", "margin-left:-4px;");
  4808. document.getElementById("btncopySeventeen").setAttribute("class", "btn btn-danger");
  4809. document.getElementById("btncopySeventeen").innerText = copyButtonLabel;
  4810. }, 1200);
  4811. }
  4812. </script>
  4813.  
  4814. <script>
  4815. function copyFunctionEighteen() {
  4816.  
  4817. const copyButtonLabel = "Copy Code";
  4818. var copyText = document.getElementById("code-part-eighteen");
  4819. navigator.clipboard.writeText(copyText.innerText);
  4820. document.getElementById("divbtnEighteen").removeAttribute("style");
  4821. document.getElementById("divbtnEighteen").setAttribute("style", "margin-left:-107px;");
  4822. document.getElementById("btncopyEighteen").setAttribute("class", "btn btn-success");
  4823. document.getElementById("btncopyEighteen").innerText = "Code copied in clipboard";
  4824.  
  4825.  
  4826. setTimeout(() => {
  4827. document.getElementById("divbtnEighteen").removeAttribute("style");
  4828. document.getElementById("divbtnEighteen").setAttribute("style", "margin-left:-4px;");
  4829. document.getElementById("btncopyEighteen").setAttribute("class", "btn btn-danger");
  4830. document.getElementById("btncopyEighteen").innerText = copyButtonLabel;
  4831. }, 1200);
  4832. }
  4833. </script>
  4834.  
  4835. <script>
  4836. function copyFunctionNinteen() {
  4837.  
  4838. const copyButtonLabel = "Copy Code";
  4839. var copyText = document.getElementById("code-part-ninteen");
  4840. navigator.clipboard.writeText(copyText.innerText);
  4841. document.getElementById("divbtnNinteen").removeAttribute("style");
  4842. document.getElementById("divbtnNinteen").setAttribute("style", "margin-left:-107px;");
  4843. document.getElementById("btncopyNinteen").setAttribute("class", "btn btn-success");
  4844. document.getElementById("btncopyNinteen").innerText = "Code copied in clipboard";
  4845.  
  4846.  
  4847. setTimeout(() => {
  4848. document.getElementById("divbtnNinteen").removeAttribute("style");
  4849. document.getElementById("divbtnNinteen").setAttribute("style", "margin-left:-4px;");
  4850. document.getElementById("btncopyNinteen").setAttribute("class", "btn btn-danger");
  4851. document.getElementById("btncopyNinteen").innerText = copyButtonLabel;
  4852. }, 1200);
  4853. }
  4854. </script>
  4855.  
  4856. <script>
  4857. function copyFunctionTwenty() {
  4858.  
  4859. const copyButtonLabel = "Copy Code";
  4860. var copyText = document.getElementById("code-part-twenty");
  4861. navigator.clipboard.writeText(copyText.innerText);
  4862. document.getElementById("divbtnTwenty").removeAttribute("style");
  4863. document.getElementById("divbtnTwenty").setAttribute("style", "margin-left:-107px;");
  4864. document.getElementById("btncopyTwenty").setAttribute("class", "btn btn-success");
  4865. document.getElementById("btncopyTwenty").innerText = "Code copied in clipboard";
  4866.  
  4867.  
  4868. setTimeout(() => {
  4869. document.getElementById("divbtnTwenty").removeAttribute("style");
  4870. document.getElementById("divbtnTwenty").setAttribute("style", "margin-left:-4px;");
  4871. document.getElementById("btncopyTwenty").setAttribute("class", "btn btn-danger");
  4872. document.getElementById("btncopyTwenty").innerText = copyButtonLabel;
  4873. }, 1200);
  4874. }
  4875. </script>
  4876.  
  4877. <script>
  4878. function copyFunctionTwentyOne() {
  4879.  
  4880. const copyButtonLabel = "Copy Code";
  4881. var copyText = document.getElementById("code-part-twentyone");
  4882. navigator.clipboard.writeText(copyText.innerText);
  4883. document.getElementById("divbtnTwentyOne").removeAttribute("style");
  4884. document.getElementById("divbtnTwentyOne").setAttribute("style", "margin-left:-107px;");
  4885. document.getElementById("btncopyTwentyOne").setAttribute("class", "btn btn-success");
  4886. document.getElementById("btncopyTwentyOne").innerText = "Code copied in clipboard";
  4887.  
  4888.  
  4889. setTimeout(() => {
  4890. document.getElementById("divbtnTwentyOne").removeAttribute("style");
  4891. document.getElementById("divbtnTwentyOne").setAttribute("style", "margin-left:-4px;");
  4892. document.getElementById("btncopyTwentyOne").setAttribute("class", "btn btn-danger");
  4893. document.getElementById("btncopyTwentyOne").innerText = copyButtonLabel;
  4894. }, 1200);
  4895. }
  4896. </script>
  4897.  
  4898. <script>
  4899. function copyFunctionTwentyTwo() {
  4900.  
  4901. const copyButtonLabel = "Copy Code";
  4902. var copyText = document.getElementById("code-part-twentytwo");
  4903. navigator.clipboard.writeText(copyText.innerText);
  4904. document.getElementById("divbtnTwentyTwo").removeAttribute("style");
  4905. document.getElementById("divbtnTwentyTwo").setAttribute("style", "margin-left:-107px;");
  4906. document.getElementById("btncopyTwentyTwo").setAttribute("class", "btn btn-success");
  4907. document.getElementById("btncopyTwentyTwo").innerText = "Code copied in clipboard";
  4908.  
  4909.  
  4910. setTimeout(() => {
  4911. document.getElementById("divbtnTwentyTwo").removeAttribute("style");
  4912. document.getElementById("divbtnTwentyTwo").setAttribute("style", "margin-left:-4px;");
  4913. document.getElementById("btncopyTwentyTwo").setAttribute("class", "btn btn-danger");
  4914. document.getElementById("btncopyTwentyTwo").innerText = copyButtonLabel;
  4915. }, 1200);
  4916. }
  4917. </script>
  4918.  
  4919. <script>
  4920. function copyFunctionTwentyThree() {
  4921.  
  4922. const copyButtonLabel = "Copy Code";
  4923. var copyText = document.getElementById("code-part-twentythree");
  4924. navigator.clipboard.writeText(copyText.innerText);
  4925. document.getElementById("divbtnTwentyThree").removeAttribute("style");
  4926. document.getElementById("divbtnTwentyThree").setAttribute("style", "margin-left:-107px;");
  4927. document.getElementById("btncopyTwentyThree").setAttribute("class", "btn btn-success");
  4928. document.getElementById("btncopyTwentyThree").innerText = "Code copied in clipboard";
  4929.  
  4930.  
  4931. setTimeout(() => {
  4932. document.getElementById("divbtnTwentyThree").removeAttribute("style");
  4933. document.getElementById("divbtnTwentyThree").setAttribute("style", "margin-left:-4px;");
  4934. document.getElementById("btncopyTwentyThree").setAttribute("class", "btn btn-danger");
  4935. document.getElementById("btncopyTwentyThree").innerText = copyButtonLabel;
  4936. }, 1200);
  4937. }
  4938. </script>
  4939.  
  4940. <script>
  4941. function copyFunctionTwentyFour() {
  4942.  
  4943. const copyButtonLabel = "Copy Code";
  4944. var copyText = document.getElementById("code-part-twentyfour");
  4945. navigator.clipboard.writeText(copyText.innerText);
  4946. document.getElementById("divbtnTwentyFour").removeAttribute("style");
  4947. document.getElementById("divbtnTwentyFour").setAttribute("style", "margin-left:-107px;");
  4948. document.getElementById("btncopyTwentyFour").setAttribute("class", "btn btn-success");
  4949. document.getElementById("btncopyTwentyFour").innerText = "Code copied in clipboard";
  4950.  
  4951.  
  4952. setTimeout(() => {
  4953. document.getElementById("divbtnTwentyFour").removeAttribute("style");
  4954. document.getElementById("divbtnTwentyFour").setAttribute("style", "margin-left:-4px;");
  4955. document.getElementById("btncopyTwentyFour").setAttribute("class", "btn btn-danger");
  4956. document.getElementById("btncopyTwentyFour").innerText = copyButtonLabel;
  4957. }, 1200);
  4958. }
  4959. </script>
  4960.  
  4961. <script>
  4962. function copyFunctionTwentyFive() {
  4963.  
  4964. const copyButtonLabel = "Copy Code";
  4965. var copyText = document.getElementById("code-part-twentyfive");
  4966. navigator.clipboard.writeText(copyText.innerText);
  4967. document.getElementById("divbtnTwentyFive").removeAttribute("style");
  4968. document.getElementById("divbtnTwentyFive").setAttribute("style", "margin-left:-107px;");
  4969. document.getElementById("btncopyTwentyFive").setAttribute("class", "btn btn-success");
  4970. document.getElementById("btncopyTwentyFive").innerText = "Code copied in clipboard";
  4971.  
  4972.  
  4973. setTimeout(() => {
  4974. document.getElementById("divbtnTwentyFive").removeAttribute("style");
  4975. document.getElementById("divbtnTwentyFive").setAttribute("style", "margin-left:-4px;");
  4976. document.getElementById("btncopyTwentyFive").setAttribute("class", "btn btn-danger");
  4977. document.getElementById("btncopyTwentyFive").innerText = copyButtonLabel;
  4978. }, 1200);
  4979. }
  4980. </script>
  4981.  
  4982. <script>
  4983. function copyFunctionTwentySix() {
  4984.  
  4985. const copyButtonLabel = "Copy Code";
  4986. var copyText = document.getElementById("code-part-twentysix");
  4987. navigator.clipboard.writeText(copyText.innerText);
  4988. document.getElementById("divbtnTwentySix").removeAttribute("style");
  4989. document.getElementById("divbtnTwentySix").setAttribute("style", "margin-left:-107px;");
  4990. document.getElementById("btncopyTwentySix").setAttribute("class", "btn btn-success");
  4991. document.getElementById("btncopyTwentySix").innerText = "Code copied in clipboard";
  4992.  
  4993.  
  4994. setTimeout(() => {
  4995. document.getElementById("divbtnTwentySix").removeAttribute("style");
  4996. document.getElementById("divbtnTwentySix").setAttribute("style", "margin-left:-4px;");
  4997. document.getElementById("btncopyTwentySix").setAttribute("class", "btn btn-danger");
  4998. document.getElementById("btncopyTwentySix").innerText = copyButtonLabel;
  4999. }, 1200);
  5000. }
  5001. </script>
  5002.  
  5003. <script>
  5004. function copyFunctionTwentySeven() {
  5005.  
  5006. const copyButtonLabel = "Copy Code";
  5007. var copyText = document.getElementById("code-part-twentyseven");
  5008. navigator.clipboard.writeText(copyText.innerText);
  5009. document.getElementById("divbtnTwentySeven").removeAttribute("style");
  5010. document.getElementById("divbtnTwentySeven").setAttribute("style", "margin-left:-107px;");
  5011. document.getElementById("btncopyTwentySeven").setAttribute("class", "btn btn-success");
  5012. document.getElementById("btncopyTwentySeven").innerText = "Code copied in clipboard";
  5013.  
  5014.  
  5015. setTimeout(() => {
  5016. document.getElementById("divbtnTwentySeven").removeAttribute("style");
  5017. document.getElementById("divbtnTwentySeven").setAttribute("style", "margin-left:-4px;");
  5018. document.getElementById("btncopyTwentySeven").setAttribute("class", "btn btn-danger");
  5019. document.getElementById("btncopyTwentySeven").innerText = copyButtonLabel;
  5020. }, 1200);
  5021. }
  5022. </script>
  5023.  
  5024. <script>
  5025. function copyFunctionTwentyEight() {
  5026.  
  5027. const copyButtonLabel = "Copy Code";
  5028. var copyText = document.getElementById("code-part-twentyeight");
  5029. navigator.clipboard.writeText(copyText.innerText);
  5030. document.getElementById("divbtnTwentyEight").removeAttribute("style");
  5031. document.getElementById("divbtnTwentyEight").setAttribute("style", "margin-left:-107px;");
  5032. document.getElementById("btncopyTwentyEight").setAttribute("class", "btn btn-success");
  5033. document.getElementById("btncopyTwentyEight").innerText = "Code copied in clipboard";
  5034.  
  5035.  
  5036. setTimeout(() => {
  5037. document.getElementById("divbtnTwentyEight").removeAttribute("style");
  5038. document.getElementById("divbtnTwentyEight").setAttribute("style", "margin-left:-4px;");
  5039. document.getElementById("btncopyTwentyEight").setAttribute("class", "btn btn-danger");
  5040. document.getElementById("btncopyTwentyEight").innerText = copyButtonLabel;
  5041. }, 1200);
  5042. }
  5043. </script>
  5044.  
  5045. <script>
  5046. function copyFunctionTwentyNine() {
  5047.  
  5048. const copyButtonLabel = "Copy Code";
  5049. var copyText = document.getElementById("code-part-twentynine");
  5050. navigator.clipboard.writeText(copyText.innerText);
  5051. document.getElementById("divbtnTwentyNine").removeAttribute("style");
  5052. document.getElementById("divbtnTwentyNine").setAttribute("style", "margin-left:-107px;");
  5053. document.getElementById("btncopyTwentyNine").setAttribute("class", "btn btn-success");
  5054. document.getElementById("btncopyTwentyNine").innerText = "Code copied in clipboard";
  5055.  
  5056.  
  5057. setTimeout(() => {
  5058. document.getElementById("divbtnTwentyNine").removeAttribute("style");
  5059. document.getElementById("divbtnTwentyNine").setAttribute("style", "margin-left:-4px;");
  5060. document.getElementById("btncopyTwentyNine").setAttribute("class", "btn btn-danger");
  5061. document.getElementById("btncopyTwentyNine").innerText = copyButtonLabel;
  5062. }, 1200);
  5063. }
  5064. </script>
  5065.  
  5066. <script>
  5067. function copyFunctionThirty() {
  5068.  
  5069. const copyButtonLabel = "Copy Code";
  5070. var copyText = document.getElementById("code-part-thirty");
  5071. navigator.clipboard.writeText(copyText.innerText);
  5072. document.getElementById("divbtnThirty").removeAttribute("style");
  5073. document.getElementById("divbtnThirty").setAttribute("style", "margin-left:-107px;");
  5074. document.getElementById("btncopyThirty").setAttribute("class", "btn btn-success");
  5075. document.getElementById("btncopyThirty").innerText = "Code copied in clipboard";
  5076.  
  5077.  
  5078. setTimeout(() => {
  5079. document.getElementById("divbtnThirty").removeAttribute("style");
  5080. document.getElementById("divbtnThirty").setAttribute("style", "margin-left:-4px;");
  5081. document.getElementById("btncopyThirty").setAttribute("class", "btn btn-danger");
  5082. document.getElementById("btncopyThirty").innerText = copyButtonLabel;
  5083. }, 1200);
  5084. }
  5085. </script>
  5086.  
  5087. <script>
  5088. function copyFunctionThirtyOne() {
  5089.  
  5090. const copyButtonLabel = "Copy Code";
  5091. var copyText = document.getElementById("code-part-thirtyone");
  5092. navigator.clipboard.writeText(copyText.innerText);
  5093. document.getElementById("divbtnThirtyOne").removeAttribute("style");
  5094. document.getElementById("divbtnThirtyOne").setAttribute("style", "margin-left:-107px;");
  5095. document.getElementById("btncopyThirtyOne").setAttribute("class", "btn btn-success");
  5096. document.getElementById("btncopyThirtyOne").innerText = "Code copied in clipboard";
  5097.  
  5098.  
  5099. setTimeout(() => {
  5100. document.getElementById("divbtnThirtyOne").removeAttribute("style");
  5101. document.getElementById("divbtnThirtyOne").setAttribute("style", "margin-left:-4px;");
  5102. document.getElementById("btncopyThirtyOne").setAttribute("class", "btn btn-danger");
  5103. document.getElementById("btncopyThirtyOne").innerText = copyButtonLabel;
  5104. }, 1200);
  5105. }
  5106. </script>
  5107.  
  5108. <script>
  5109. function copyFunctionThirtyTwo() {
  5110.  
  5111. const copyButtonLabel = "Copy Code";
  5112. var copyText = document.getElementById("code-part-thirtytwo");
  5113. navigator.clipboard.writeText(copyText.innerText);
  5114. document.getElementById("divbtnThirtyTwo").removeAttribute("style");
  5115. document.getElementById("divbtnThirtyTwo").setAttribute("style", "margin-left:-107px;");
  5116. document.getElementById("btncopyThirtyTwo").setAttribute("class", "btn btn-success");
  5117. document.getElementById("btncopyThirtyTwo").innerText = "Code copied in clipboard";
  5118.  
  5119.  
  5120. setTimeout(() => {
  5121. document.getElementById("divbtnThirtyTwo").removeAttribute("style");
  5122. document.getElementById("divbtnThirtyTwo").setAttribute("style", "margin-left:-4px;");
  5123. document.getElementById("btncopyThirtyTwo").setAttribute("class", "btn btn-danger");
  5124. document.getElementById("btncopyThirtyTwo").innerText = copyButtonLabel;
  5125. }, 1200);
  5126. }
  5127. </script>
  5128.  
  5129. <script>
  5130. function copyFunctionThirtyThree() {
  5131.  
  5132. const copyButtonLabel = "Copy Code";
  5133. var copyText = document.getElementById("code-part-thirtythree");
  5134. navigator.clipboard.writeText(copyText.innerText);
  5135. document.getElementById("divbtnThirtyThree").removeAttribute("style");
  5136. document.getElementById("divbtnThirtyThree").setAttribute("style", "margin-left:-107px;");
  5137. document.getElementById("btncopyThirtyThree").setAttribute("class", "btn btn-success");
  5138. document.getElementById("btncopyThirtyThree").innerText = "Code copied in clipboard";
  5139.  
  5140.  
  5141. setTimeout(() => {
  5142. document.getElementById("divbtnThirtyThree").removeAttribute("style");
  5143. document.getElementById("divbtnThirtyThree").setAttribute("style", "margin-left:-4px;");
  5144. document.getElementById("btncopyThirtyThree").setAttribute("class", "btn btn-danger");
  5145. document.getElementById("btncopyThirtyThree").innerText = copyButtonLabel;
  5146. }, 1200);
  5147. }
  5148. </script>
  5149.  
  5150. <script>
  5151. function copyFunctionThirtyFour() {
  5152.  
  5153. const copyButtonLabel = "Copy Code";
  5154. var copyText = document.getElementById("code-part-thirtyfour");
  5155. navigator.clipboard.writeText(copyText.innerText);
  5156. document.getElementById("divbtnThirtyFour").removeAttribute("style");
  5157. document.getElementById("divbtnThirtyFour").setAttribute("style", "margin-left:-107px;");
  5158. document.getElementById("btncopyThirtyFour").setAttribute("class", "btn btn-success");
  5159. document.getElementById("btncopyThirtyFour").innerText = "Code copied in clipboard";
  5160.  
  5161.  
  5162. setTimeout(() => {
  5163. document.getElementById("divbtnThirtyFour").removeAttribute("style");
  5164. document.getElementById("divbtnThirtyFour").setAttribute("style", "margin-left:-4px;");
  5165. document.getElementById("btncopyThirtyFour").setAttribute("class", "btn btn-danger");
  5166. document.getElementById("btncopyThirtyFour").innerText = copyButtonLabel;
  5167. }, 1200);
  5168. }
  5169. </script>
  5170.  
  5171. <script>
  5172. function copyFunctionThirtyFive() {
  5173.  
  5174. const copyButtonLabel = "Copy Code";
  5175. var copyText = document.getElementById("code-part-thirtyfive");
  5176. navigator.clipboard.writeText(copyText.innerText);
  5177. document.getElementById("divbtnThirtyFive").removeAttribute("style");
  5178. document.getElementById("divbtnThirtyFive").setAttribute("style", "margin-left:-107px;");
  5179. document.getElementById("btncopyThirtyFive").setAttribute("class", "btn btn-success");
  5180. document.getElementById("btncopyThirtyFive").innerText = "Code copied in clipboard";
  5181.  
  5182.  
  5183. setTimeout(() => {
  5184. document.getElementById("divbtnThirtyFive").removeAttribute("style");
  5185. document.getElementById("divbtnThirtyFive").setAttribute("style", "margin-left:-4px;");
  5186. document.getElementById("btncopyThirtyFive").setAttribute("class", "btn btn-danger");
  5187. document.getElementById("btncopyThirtyFive").innerText = copyButtonLabel;
  5188. }, 1200);
  5189. }
  5190. </script>
  5191.  
  5192. <script>
  5193. function copyFunctionThirtySix() {
  5194.  
  5195. const copyButtonLabel = "Copy Code";
  5196. var copyText = document.getElementById("code-part-thirtysix");
  5197. navigator.clipboard.writeText(copyText.innerText);
  5198. document.getElementById("divbtnThirtySix").removeAttribute("style");
  5199. document.getElementById("divbtnThirtySix").setAttribute("style", "margin-left:-107px;");
  5200. document.getElementById("btncopyThirtySix").setAttribute("class", "btn btn-success");
  5201. document.getElementById("btncopyThirtySix").innerText = "Code copied in clipboard";
  5202.  
  5203.  
  5204. setTimeout(() => {
  5205. document.getElementById("divbtnThirtySix").removeAttribute("style");
  5206. document.getElementById("divbtnThirtySix").setAttribute("style", "margin-left:-4px;");
  5207. document.getElementById("btncopyThirtySix").setAttribute("class", "btn btn-danger");
  5208. document.getElementById("btncopyThirtySix").innerText = copyButtonLabel;
  5209. }, 1200);
  5210. }
  5211. </script>
  5212.  
  5213. <script>
  5214. function copyFunctionThirtySeven() {
  5215.  
  5216. const copyButtonLabel = "Copy Code";
  5217. var copyText = document.getElementById("code-part-thirtyseven");
  5218. navigator.clipboard.writeText(copyText.innerText);
  5219. document.getElementById("divbtnThirtySeven").removeAttribute("style");
  5220. document.getElementById("divbtnThirtySeven").setAttribute("style", "margin-left:-107px;");
  5221. document.getElementById("btncopyThirtySeven").setAttribute("class", "btn btn-success");
  5222. document.getElementById("btncopyThirtySeven").innerText = "Code copied in clipboard";
  5223.  
  5224.  
  5225. setTimeout(() => {
  5226. document.getElementById("divbtnThirtySeven").removeAttribute("style");
  5227. document.getElementById("divbtnThirtySeven").setAttribute("style", "margin-left:-4px;");
  5228. document.getElementById("btncopyThirtySeven").setAttribute("class", "btn btn-danger");
  5229. document.getElementById("btncopyThirtySeven").innerText = copyButtonLabel;
  5230. }, 1200);
  5231. }
  5232. </script>
  5233.  
  5234. <script>
  5235. function copyFunctionThirtyEight() {
  5236.  
  5237. const copyButtonLabel = "Copy Code";
  5238. var copyText = document.getElementById("code-part-thirtyeight");
  5239. navigator.clipboard.writeText(copyText.innerText);
  5240. document.getElementById("divbtnThirtyEight").removeAttribute("style");
  5241. document.getElementById("divbtnThirtyEight").setAttribute("style", "margin-left:-107px;");
  5242. document.getElementById("btncopyThirtyEight").setAttribute("class", "btn btn-success");
  5243. document.getElementById("btncopyThirtyEight").innerText = "Code copied in clipboard";
  5244.  
  5245.  
  5246. setTimeout(() => {
  5247. document.getElementById("divbtnThirtyEight").removeAttribute("style");
  5248. document.getElementById("divbtnThirtyEight").setAttribute("style", "margin-left:-4px;");
  5249. document.getElementById("btncopyThirtyEight").setAttribute("class", "btn btn-danger");
  5250. document.getElementById("btncopyThirtyEight").innerText = copyButtonLabel;
  5251. }, 1200);
  5252. }
  5253. </script>
  5254.  
  5255. <script>
  5256. function copyFunctionThirtyNine() {
  5257.  
  5258. const copyButtonLabel = "Copy Code";
  5259. var copyText = document.getElementById("code-part-thirtynine");
  5260. navigator.clipboard.writeText(copyText.innerText);
  5261. document.getElementById("divbtnThirtyNine").removeAttribute("style");
  5262. document.getElementById("divbtnThirtyNine").setAttribute("style", "margin-left:-107px;");
  5263. document.getElementById("btncopyThirtyNine").setAttribute("class", "btn btn-success");
  5264. document.getElementById("btncopyThirtyNine").innerText = "Code copied in clipboard";
  5265.  
  5266.  
  5267. setTimeout(() => {
  5268. document.getElementById("divbtnThirtyNine").removeAttribute("style");
  5269. document.getElementById("divbtnThirtyNine").setAttribute("style", "margin-left:-4px;");
  5270. document.getElementById("btncopyThirtyNine").setAttribute("class", "btn btn-danger");
  5271. document.getElementById("btncopyThirtyNine").innerText = copyButtonLabel;
  5272. }, 1200);
  5273. }
  5274. </script>
  5275.  
  5276. <script>
  5277. function copyFunctionFourty() {
  5278.  
  5279. const copyButtonLabel = "Copy Code";
  5280. var copyText = document.getElementById("code-part-fourty");
  5281. navigator.clipboard.writeText(copyText.innerText);
  5282. document.getElementById("divbtnFourty").removeAttribute("style");
  5283. document.getElementById("divbtnFourty").setAttribute("style", "margin-left:-107px;");
  5284. document.getElementById("btncopyFourty").setAttribute("class", "btn btn-success");
  5285. document.getElementById("btncopyFourty").innerText = "Code copied in clipboard";
  5286.  
  5287.  
  5288. setTimeout(() => {
  5289. document.getElementById("divbtnFourty").removeAttribute("style");
  5290. document.getElementById("divbtnFourty").setAttribute("style", "margin-left:-4px;");
  5291. document.getElementById("btncopyFourty").setAttribute("class", "btn btn-danger");
  5292. document.getElementById("btncopyFourty").innerText = copyButtonLabel;
  5293. }, 1200);
  5294. }
  5295. </script>
  5296.  
  5297. <script src="https://fpyf8.com/88/tag.min.js" data-zone="156100" async data-cfasync="false"></script>
  5298.  
  5299. <script src="/js/jquery.js"></script>
  5300. <script src="/js/popper.min.js"></script>
  5301. <script src="/js/bootstrap.min.js"></script>
  5302. <script src="/js/jquery.mCustomScrollbar.concat.min.js"></script>
  5303. <script src="/js/jquery.fancybox.js"></script>
  5304. <script src="/js/appear.js"></script>
  5305. <script src="/js/parallax.min.js"></script>
  5306. <script src="/js/tilt.jquery.min.js"></script>
  5307. <script src="/js/jquery.paroller.min.js"></script>
  5308. <script src="/js/owl.js"></script>
  5309. <script src="/js/wow.js"></script>
  5310. <script src="/js/nav-tool.js"></script>
  5311. <script src="/js/jquery-ui.js"></script>
  5312. <script src="/js/script.js"></script>
  5313. <script src="/js/color-settings.js"></script>
  5314. </body>
  5315. </html>
  5316.  
  5317.  
  5318.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda