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