fix: ui imp
This commit is contained in:
parent
38f7ac5f5d
commit
e2290b1ede
1
Assets/Images/mit-ico/accenture.svg
Normal file
1
Assets/Images/mit-ico/accenture.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg height="658" viewBox="0 0 163.4 43" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m95.1 12 9.4-3.5-9.4-3.6v-4.9l16.1 6.5v4l-16.1 6.5z" fill="#a100ff"/><path d="m6.2 43c-3.4 0-6.2-1.7-6.2-5.5v-.2c0-4.6 4-6.2 8.9-6.2h2.3v-.9c0-1.9-.8-3-2.8-3-1.8 0-2.7 1-2.8 2.4h-5c.4-4.2 3.7-6.2 8.1-6.2 4.5 0 7.8 1.9 7.8 6.6v12.6h-5.1v-2.2c-1 1.4-2.7 2.6-5.2 2.6zm5-6.6v-1.8h-2.1c-2.6 0-3.9.7-3.9 2.4v.2c0 1.3.8 2.2 2.6 2.2 1.8-.1 3.4-1.1 3.4-3zm17.2 6.6c-5.2 0-9-3.2-9-9.6v-.3c0-6.4 4-9.8 9-9.8 4.3 0 7.8 2.2 8.2 7.1h-5c-.3-1.8-1.3-3-3.1-3-2.2 0-3.8 1.8-3.8 5.5v.6c0 3.8 1.4 5.5 3.8 5.5 1.8 0 3.1-1.3 3.4-3.4h4.8c-.3 4.4-3.2 7.4-8.3 7.4zm19.6 0c-5.2 0-9-3.2-9-9.6v-.3c0-6.4 4-9.8 9-9.8 4.3 0 7.8 2.2 8.2 7.1h-5c-.3-1.8-1.3-3-3.1-3-2.2 0-3.8 1.8-3.8 5.5v.6c0 3.8 1.4 5.5 3.8 5.5 1.8 0 3.1-1.3 3.4-3.4h4.8c-.3 4.4-3.2 7.4-8.3 7.4zm19.7 0c-5.4 0-9.1-3.2-9.1-9.5v-.4c0-6.3 3.9-9.8 9-9.8 4.7 0 8.6 2.6 8.6 8.9v2.3h-12.3c.2 3.4 1.7 4.7 3.9 4.7 2 0 3.1-1.1 3.5-2.4h4.9c-.6 3.5-3.6 6.2-8.5 6.2zm-3.7-12h7c-.1-2.8-1.4-4-3.5-4-1.6.1-3.1 1-3.5 4zm15.4-7.2h5.3v2.8c.9-1.8 2.8-3.2 5.7-3.2 3.4 0 5.7 2.1 5.7 6.6v12.6h-5.3v-11.8c0-2.2-.9-3.2-2.8-3.2-1.8 0-3.3 1.1-3.3 3.5v11.5h-5.3zm26.4-5.7v5.7h3.6v3.9h-3.6v8.9c0 1.4.6 2.1 1.9 2.1.8 0 1.3-.1 1.8-.3v4.1c-.6.2-1.7.4-3 .4-4.1 0-6-1.9-6-5.7v-9.5h-2.2v-3.9h2.2v-3.5zm23.4 24.5h-5.2v-2.8c-.9 1.8-2.7 3.2-5.5 3.2-3.4 0-5.9-2.1-5.9-6.5v-12.7h5.3v12c0 2.2.9 3.2 2.7 3.2s3.3-1.2 3.3-3.5v-11.7h5.3zm3.9-18.8h5.3v3.5c1.1-2.5 2.9-3.7 5.7-3.7v5.2c-3.6 0-5.7 1.1-5.7 4.2v9.7h-5.3zm21.7 19.2c-5.4 0-9.1-3.2-9.1-9.5v-.4c0-6.3 3.9-9.8 9-9.8 4.7 0 8.6 2.6 8.6 8.9v2.3h-12.2c.2 3.4 1.7 4.7 3.9 4.7 2 0 3.1-1.1 3.5-2.4h4.9c-.8 3.5-3.7 6.2-8.6 6.2zm-3.8-12h7.1c-.1-2.8-1.4-4-3.5-4-1.6.1-3.1 1-3.6 4z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
18
Assets/Images/mit-ico/ebmpapst.svg
Normal file
18
Assets/Images/mit-ico/ebmpapst.svg
Normal file
@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="80mm" height="25mm" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 80 25">
|
||||
<g id="Ebene_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<g id="_182410760">
|
||||
<path id="_182388832" fill="#292526" d="M11.4759 12.707l0 -0.7091c0,-3.7733 -0.6915,-6.243 -3.7852,-6.243 -3.5744,0 -4.1129,3.0649 -4.1129,6.3574 0,3.0656 0.1537,6.5871 3.9972,6.5871 2.499,0 3.6517,-1.6008 3.7479,-4.4602l-2.3833 0c-0.1537,1.5098 -0.5188,2.3098 -1.4026,2.3098 -0.9807,0 -1.307,-1.4175 -1.307,-2.8588l0 -0.9832 5.2459 0zm-5.2459 -1.8755l0 -0.4796c0,-1.1436 0.3074,-2.4474 1.3646,-2.4474 1.0951,0 1.2875,1.052 1.345,2.927l-2.7096 0z"/>
|
||||
<path id="_182038720" fill="#292526" d="M15.1283 12.2275c0,-2.6763 0.2309,-4.0482 1.4033,-4.0482 1.1527,0 1.383,1.3719 1.383,4.0482 0,2.675 -0.2303,4.0482 -1.383,4.0482 -1.1724,0 -1.4033,-1.3732 -1.4033,-4.0482zm0 -9.6316l-2.6514 0 0 15.783 2.5363 0 0 -1.3032 0.0386 0c0.5763,1.1436 1.3064,1.6237 2.3439,1.6237 2.1719,0 3.1716,-1.8991 3.1716,-6.4719 0,-4.5741 -0.9997,-6.4726 -3.1716,-6.4726 -0.9989,0 -1.6714,0.4803 -2.2288,1.4635l-0.0386 0 0 -4.6225z"/>
|
||||
<path id="_182928128" fill="#292526" fill-rule="nonzero" d="M21.7035 18.3789l2.6522 0 0 -8.0958c0,-1.4175 0.5378,-2.1038 1.3835,-2.1038 0.7498,0 1.0383,0.5717 1.0383,1.6009l0 8.5987 2.652 0 0 -8.0958c0,-1.4175 0.5378,-2.1038 1.3838,-2.1038 0.749,0 1.0375,0.5717 1.0375,1.6009l0 8.5987 2.652 0 0 -8.9423c0,-2.3786 -0.8261,-3.6817 -2.5754,-3.6817 -1.2489,0 -2.2099,0.6633 -2.6136,1.9671l-0.038 0c-0.2884,-1.2586 -1.1729,-1.9671 -2.3831,-1.9671 -1.1149,0 -1.941,0.4573 -2.6136,1.5779l-0.0378 0 0 -1.2573 -2.5378 0 0 12.3034z"/>
|
||||
<path id="_181545256" fill="#007AC1" d="M39.3059 12.2275c0,-2.6763 0.2311,-4.0482 1.4032,-4.0482 1.1535,0 1.383,1.3719 1.383,4.0482 0,2.675 -0.2295,4.0482 -1.383,4.0482 -1.1721,0 -1.4032,-1.3732 -1.4032,-4.0482zm-2.6514 10.1766l2.6514 0 0 -5.168 0.0386 0c0.5574,0.9832 1.23,1.4633 2.2303,1.4633 2.1711,0 3.1701,-1.8991 3.1701,-6.4719 0,-4.5741 -0.999,-6.4726 -3.1701,-6.4726 -1.0389,0 -1.769,0.4803 -2.3453,1.6237l-0.0388 0 0 -1.3031 -2.5362 0 0 16.3286z"/>
|
||||
<path id="_131353552" fill="#007AC1" d="M48.2454 9.8481l0 -0.3427c0,-0.9609 0.4226,-1.6009 1.2306,-1.6009 0.8838,0 1.2293,0.5719 1.2293,1.5093 0,0.8235 -0.2702,1.1894 -1.0572,1.4412l-1.4987 0.4802c-1.8246,0.5939 -2.6142,1.5321 -2.6142,3.8427 0,1.6454 0.6543,3.5215 2.499,3.5215 1.2684,0 2.0169,-0.3205 2.6325,-1.6008l0.0386 0c0.0758,0.4115 0.153,0.8916 0.3277,1.2803l2.5357 0c-0.2702,-0.7091 -0.3271,-1.2352 -0.3271,-2.3781l0 -6.4726c0,-2.2182 -0.5953,-3.7733 -3.7472,-3.7733 -1.998,0 -3.6315,0.9609 -3.6315,3.7963l0 0.2969 2.3825 0zm2.4599 4.8031c0,1.3496 -0.9224,1.8978 -1.6343,1.8978 -0.7097,0 -0.9975,-0.7772 -0.9975,-1.7146 0,-1.0976 0.4213,-1.7159 1.4988,-1.9899 0.325,-0.0917 0.7673,-0.2977 1.133,-0.617l0 2.4237z"/>
|
||||
<path id="_182925368" fill="#007AC1" d="M57.3917 12.2275c0,-2.6763 0.2311,-4.0482 1.4027,-4.0482 1.1533,0 1.3849,1.3719 1.3849,4.0482 0,2.675 -0.2316,4.0482 -1.3849,4.0482 -1.1716,0 -1.4027,-1.3732 -1.4027,-4.0482zm-2.6514 10.1766l2.6514 0 0 -5.168 0.0386 0c0.5582,0.9832 1.2293,1.4633 2.229,1.4633 2.1719,0 3.1721,-1.8991 3.1721,-6.4719 0,-4.5741 -1.0002,-6.4726 -3.1721,-6.4726 -1.037,0 -1.7671,0.4803 -2.3434,1.6237l-0.0393 0 0 -1.3031 -2.5363 0 0 16.3286z"/>
|
||||
<path id="_182828512" fill="#007AC1" fill-rule="nonzero" d="M63.5261 14.3543l0 0.4338c0,2.3556 0.8263,3.9113 3.8041,3.9113 2.2296,0 3.8427,-1.2809 3.8427,-3.865 0,-1.8525 -0.6136,-2.8587 -2.2863,-3.5221l-1.5949 -0.6405c-0.8838,-0.3428 -1.152,-0.8458 -1.152,-1.4412 0,-0.8681 0.5751,-1.3261 1.2482,-1.3261 0.8647,0 1.1716,0.6177 1.1716,1.8527l2.3846 0 0 -0.5036c0,-2.2177 -1.1351,-3.4987 -3.5365,-3.4987 -2.7301,0 -3.8056,1.6689 -3.8056,3.7047 0,1.7381 0.7504,2.813 2.2106,3.4307l1.8631 0.7999c0.5194,0.2296 0.961,0.5953 0.961,1.3955 0,0.9832 -0.5378,1.4633 -1.345,1.4633 -0.9022,0 -1.3831,-0.7091 -1.3831,-1.7839l0 -0.4108 -2.3825 0z"/>
|
||||
<path id="_182579168" fill="#007AC1" fill-rule="nonzero" d="M72.6887 6.0755l-1.345 0 0 2.1491 1.345 0 0 7.0443c0,2.4931 0.3848,3.2474 2.4592,3.2474 0.4513,0 0.8604,-0.0372 1.2743,-0.0842l0 -2.2067c-0.0465,0.002 -0.0931,0.0037 -0.14,0.0037 -0.7679,0 -0.9426,-0.3892 -0.9426,-1.3489l0 -6.6556 1.0826 0 0 -2.1491 -1.0826 0 0 -3.4796 -2.6509 0 0 3.4796z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
9
Assets/Images/mit-ico/hcl.svg
Normal file
9
Assets/Images/mit-ico/hcl.svg
Normal file
@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="986pt" height="148pt" viewBox="0 0 986 148" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="#006cb7ff">
|
||||
<path fill="#006cb7" opacity="1.00" d=" M 488.93 11.36 C 537.62 1.59 587.88 1.74 637.05 7.61 C 657.37 10.25 678.52 12.92 696.43 23.65 C 706.89 29.71 714.98 40.72 715.36 53.09 C 681.84 53.78 648.32 53.43 614.81 53.33 C 604.80 41.64 588.80 37.98 574.07 37.31 C 554.33 36.65 533.81 38.14 515.73 46.74 C 500.45 53.98 487.34 67.39 483.30 84.14 C 481.33 91.77 486.26 99.66 492.96 103.11 C 505.91 109.72 520.76 110.49 535.02 111.02 C 553.68 111.77 573.12 108.28 588.96 97.93 C 590.53 97.04 591.90 95.35 593.90 95.60 C 627.79 95.48 661.69 95.53 695.58 95.68 C 683.91 108.74 668.39 117.71 652.23 124.05 C 631.97 132.01 610.45 136.19 588.95 139.06 C 565.09 141.90 541.06 143.65 517.03 143.30 C 484.52 143.12 451.64 141.01 420.28 131.91 C 405.82 127.40 391.23 120.49 381.80 108.19 C 373.94 98.44 372.84 84.27 377.99 73.02 C 384.67 58.22 397.74 47.52 411.45 39.46 C 435.40 25.69 461.94 16.90 488.93 11.36 Z" />
|
||||
<path fill="#006cb7" opacity="1.00" d=" M 62.45 8.22 C 97.68 7.65 132.92 8.55 168.16 8.41 C 161.68 23.04 155.10 37.64 148.60 52.27 C 182.89 52.33 217.18 52.15 251.47 52.36 C 258.18 37.78 264.43 22.97 271.15 8.39 C 307.36 8.35 343.56 8.26 379.77 8.40 C 360.12 51.82 340.55 95.26 320.99 138.72 C 290.66 139.38 260.32 138.98 229.99 139.07 C 224.25 139.13 218.49 139.26 212.80 138.46 C 220.82 121.40 228.39 104.13 236.10 86.94 C 201.71 86.93 167.31 86.93 132.92 86.93 C 125.46 104.17 117.76 121.31 110.54 138.64 C 74.90 139.40 39.26 139.11 3.62 138.91 C 22.94 95.21 43.01 51.85 62.45 8.22 Z" />
|
||||
<path fill="#006cb7" opacity="1.00" d=" M 766.16 8.00 C 802.57 8.00 838.99 8.00 875.40 8.00 C 860.65 41.08 845.81 74.11 830.91 107.13 C 881.09 107.16 931.28 107.28 981.46 107.27 C 976.69 117.85 971.93 128.43 967.15 139.00 C 880.62 139.07 794.09 139.09 707.57 138.99 C 726.86 95.22 746.58 51.64 766.16 8.00 Z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
1
Assets/Images/mit-ico/infosys.svg
Normal file
1
Assets/Images/mit-ico/infosys.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg height="969" viewBox="3.442 3.076 394.049 154.542" width="2500" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m3.442 18.787v-15.39h15.07v126.327h-15.07v-15.39zm153.58 65.087c.32 23.085 14.749 41.36 31.742 41.04s30.78-19.237 30.46-42.002c-.321-23.085-14.75-41.36-31.743-41.04-16.993 0-30.78 18.917-30.459 42.002zm125.365-27.894c.32.962-.642-1.283-.642-1.283zm10.26 95.226c.641-1.283 1.603-2.886 2.885-5.13zm.641-103.242c.32.641.32.962.641 1.603l5.13 12.505zm-63.163 63.163c9.298 8.657 17.634 12.825 28.535 12.825s20.841-5.45 20.841-15.71c0-8.657-7.695-13.787-21.482-19.558-11.542-5.13-20.2-8.657-24.688-16.032.641 3.206.962 6.413.962 9.94 0 28.215-20.2 50.98-45.53 50.98-25.008 0-45.528-22.765-45.528-50.98 0-16.994 7.374-32.063 18.917-41.361h-30.78v88.493h-13.787v-88.172h-12.184v-9.299h12.184c1.603-18.596 13.146-29.177 28.856-29.177 10.26 0 16.032.962 19.238 2.565v14.109h-.32c-4.81-4.489-9.94-8.016-21.162-8.016-8.978 0-15.07 7.375-12.825 20.52h50.98c2.244-.32 4.168-.64 6.412-.64 18.276 0 33.986 12.183 41.04 29.497v-2.886c0-18.276 17.314-25.97 35.59-25.97h1.923c6.413 0 15.39 1.923 21.162 3.526l10.9 26.612 15.39 37.834 1.925 6.092 1.923-6.092 19.559-48.414c3.526-13.467 17.634-19.238 33.345-18.917 7.695 0 13.466.961 20.52 3.206v14.748c-8.657-6.092-14.75-9.94-24.368-9.94-8.336 0-18.596 3.848-18.596 16.352-.32 9.298 5.45 11.222 22.123 19.558 13.466 5.772 25.97 12.505 26.291 27.574 0 25.33-24.688 29.498-36.872 29.818-10.9 0-20.52-2.565-25.97-7.374v-16.673l.962.642c9.939 9.298 18.275 14.107 29.497 14.107 10.901 0 20.84-5.45 20.84-15.71 0-8.657-7.694-13.787-21.481-19.559-13.146-5.77-21.803-9.618-25.33-18.917-5.45 13.146-30.138 74.065-35.91 86.89h-13.787l6.092-11.542c3.207-6.734 8.337-16.994 12.505-26.933l-25.65-62.522c-.32-.32-.642-1.283-1.603-3.206-1.924-4.49-3.848-8.657-9.299-10.902-2.885-.961-6.091-1.603-9.939-1.603-8.336 0-19.238 3.848-19.238 16.352-.32 9.298 6.092 11.222 22.765 19.558 13.466 6.092 25.97 12.505 26.291 27.574 0 25.33-24.688 29.498-36.872 29.818-9.619 0-18.275-2.244-24.047-5.77v-17.315m-183.718-78.232.32 10.9v.642c.32-.32.32-.962.642-1.282 5.45-6.092 12.504-11.864 29.176-11.864 16.032 0 26.292 13.467 26.612 22.124v75.988h-13.786v-69.575c0-10.581-9.299-18.276-20.841-18.276-9.619 0-21.803 8.656-22.123 17.313v70.859h-13.787v-96.829z" fill="#3781c2" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
1
Assets/Images/mit-ico/jbl.svg
Normal file
1
Assets/Images/mit-ico/jbl.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg enable-background="new 0 0 1983.3 2059.1" viewBox="0 0 1983.3 2059.1" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h1982.6v1660.7h-1982.6z" fill="#f30"/><path d="m1524.8 955v121.1c0 31.9-25.9 57.8-57.8 57.8s-57.8-25.9-57.8-57.8v-595.3h-112.1v695.3h339.9v-221.4h-112.1zm-842.1 120.1c0 32.4-25.5 59.7-57.6 59.7-32.3-.4-58.1-26.7-58-59v-121.1h-112.1v100.4c0 50.4 44.2 131.4 169.7 131.4 125.6 0 169.7-62.1 169.7-131.4v-574.3h-111.7zm420.9-594.3h-224.2v695.3h224.2c83.8 0 112.1-55.5 112.1-91.1v-208c0-29.7-29.7-68.3-73.8-68.3 44.2 0 73.8-61.4 73.8-95.9v-118.5c0-76.9-69-113.5-112.1-113.5zm-44.1 638.8h-68v-280.5h68c44.2 0 44.2 32.1 44.2 141.1-.1 109-.1 139.4-44.2 139.4zm-6.9-339.1-61.1-.3v-233.5h61.1c41.1 0 51.1 8.6 51.1 117.6-.1 109-10.1 116.2-51.1 116.2zm-541.3 98.7c36.5.7 66.6-28.4 67.3-64.8.7-36.5-28.4-66.6-64.8-67.2-36.5-.7-66.6 28.4-67.3 64.8v1c-.5 36.1 28.6 65.8 64.8 66.2zm103.5-398.4h-207l103.5 240.4z" fill="#fff"/><path d="m380.5 1778.7v110.7h-126.6v-110.7h-51.1v249h51.4v-116.2h126.6v89.3c-.2 4.8.9 9.6 3.1 13.8 1.9 3.4 4.8 6.1 8.3 7.9 3.1 2 6.7 3.3 10.3 3.8 3.2.7 6.4 1 9.7 1h19.7v-249h-51.4zm1001.2 249v-249h-50l-100.4 184.2-102.1-184.5h-50.7v249h26.2v-193.1l107.6 193.1h13.5l104.9-191.4v164.9c-.1 4.8 1.1 9.6 3.5 13.8 2 3.4 4.9 6.3 8.3 8.3 3.1 2 6.7 3.3 10.3 3.8 3.3.7 6.6 1 10 1zm321.2 0-128-254.5h-15.2l-131.1 254.5h30l40.7-79h92.8l-12.8-25.5h-66.9l43.1-83.8 84.5 168.3c2.7 6.1 7 11.3 12.4 15.2 5.7 3.4 12.3 5 19 4.8zm266.6-249c-1.6 0-3.2.1-4.8.3-1.8.4-3.6 1.1-5.2 2.1-1.7 1-3.1 2.4-4.1 4.1-1.2 2.1-1.8 4.5-1.7 6.9v160.4l-170.4-173.8h-32.8v249h30v-187.6l173.2 181.4c6.9 6.9 16.9 6.2 26.2 6.2h3.4v-249zm-1343.4-5.6h-14.8l-131.4 254.5h30l96.9-188.3 42.1 83.8h-67.3l-13.1 25.2h93.5l29.7 59.3c2.7 6.1 7 11.3 12.4 15.2 5.8 3.2 12.4 4.8 19 4.5h31.4zm329.2 234.6-75.6-93.8h-26.2v113.8h-51.1v-249h94.2s38.6-.7 64.2 12.4c25.5 13.1 36.2 31 36.2 54.1s-13.5 50-62.1 63.8l98 118.6h-39.7c-6.1-.2-12.1-1.2-17.9-3.1-9.3-3.7-20-16.8-20-16.8zm-101.8-207.3v94.2h23.8s23.5.3 39-8.6c15.5-9 26.2-21.4 26.2-39.7-.1-18.3-11.3-34.6-28.3-41.4-8.3-3.5-17.2-5.2-26.2-4.8h-34.5zm-853.5 111h7.6v47.9c7.6-7.6 14.5-11.7 25.9-11.7 18.6 0 31.7 14.5 31.7 35.5 0 24.5-15.9 40-40 40-8.7-.1-17.3-2-25.2-5.5v-106.2zm7.9 101.1c5.6 2.2 11.6 3.4 17.6 3.4 17.1.6 31.5-12.8 32.1-30v-2.1c0-17.2-10.4-29.3-24.8-29.3-9 0-16.2 4.1-24.8 14.1v43.9zm80.8 46.6h-7.6l24.8-51.4-30-58.6h7.9l25.9 51 24.8-51h7.9z" fill="#f30"/></svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
3
Assets/Images/mit-ico/ust.svg
Normal file
3
Assets/Images/mit-ico/ust.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6075 0H16.6856V10.9491C16.6856 16.0396 13.6387 19.1056 8.38199 19.1056C2.91706 19.1056 0 15.9094 0 10.9491V0H5.07835V10.9732C5.07835 13.1593 6.32597 14.404 8.35602 14.404C10.3856 14.404 11.6075 13.1593 11.6075 10.9732V0ZM8.60239 37.9145L10.2101 38.3049C14.7442 39.3979 16.4111 41.4997 16.4111 44.1281C16.4111 47.5891 13.3206 50.0005 8.15412 50.0005C5.26303 50.0005 1.69929 48.7893 0.325439 46.2972L3.47401 43.7508C4.74878 45.0432 6.19123 45.8242 8.12768 45.8242C9.80332 45.8242 11.1343 45.2647 11.1343 44.2591C11.1343 43.4521 10.5264 43.1415 8.86582 42.7251L7.17875 42.3088C2.67109 41.1898 0.925191 38.6479 0.925191 36.2015C0.925191 33.0358 3.72554 30.355 8.62835 30.355C11.5292 30.355 14.4227 31.5845 15.7532 33.8096L12.6049 36.3563C11.5335 35.3912 10.228 34.6866 8.60239 34.6866C6.8472 34.6866 5.99092 35.4031 5.99092 36.0707C5.99092 36.9556 6.80956 37.4722 8.60239 37.9145ZM29.1169 30.895H45.2552V35.3038H39.736V49.4109H34.6362V35.3038H29.1169V30.895ZM40.7818 12.6796H33.5905V5.48828H40.7818V12.6796Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
376
footer.html
376
footer.html
@ -1,376 +0,0 @@
|
||||
<style>
|
||||
.footer {
|
||||
background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
|
||||
color: white;
|
||||
padding: 60px 0 30px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 50px;
|
||||
}
|
||||
|
||||
.footer-section h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.footer-section ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.footer-section ul li {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.footer-section ul li a {
|
||||
color: #cbd5e1;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.footer-section ul li a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.company-section {
|
||||
grid-column: 1;
|
||||
}
|
||||
|
||||
.company-section .logo {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.company-section .tagline {
|
||||
color: #cbd5e1;
|
||||
margin-bottom: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.company-section .tagline .heart {
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.contact-info h4 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 15px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.contact-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
.contact-item i {
|
||||
margin-right: 10px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.social-icons {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.social-icons a {
|
||||
color: #cbd5e1;
|
||||
font-size: 20px;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.social-icons a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.newsletter-section {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.newsletter-section h4 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.newsletter-section p {
|
||||
color: #cbd5e1;
|
||||
font-size: 13px;
|
||||
margin-bottom: 15px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.newsletter-form {
|
||||
display: flex;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.newsletter-form input {
|
||||
flex: 1;
|
||||
padding: 12px 15px;
|
||||
border: none;
|
||||
border-radius: 6px 0 0 6px;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.newsletter-form button {
|
||||
background-color: #3b82f6;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 12px 20px;
|
||||
border-radius: 0 6px 6px 0;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.newsletter-form button:hover {
|
||||
background-color: #2563eb;
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #3b82f6;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background-color: #475569;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
border-top: 1px solid #475569;
|
||||
margin-top: 40px;
|
||||
padding-top: 20px;
|
||||
font-size: 12px;
|
||||
color: #94a3b8;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.footer-bottom-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.footer-bottom-links a {
|
||||
color: #94a3b8;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer-bottom-links a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hiring-badge {
|
||||
background-color: #10b981;
|
||||
color: white;
|
||||
padding: 4px 8px;
|
||||
border-radius: 12px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.footer-container {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.newsletter-form {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.newsletter-form input,
|
||||
.newsletter-form button {
|
||||
border-radius: 6px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<footer class="footer">
|
||||
<div class="footer-container">
|
||||
<div class="footer-section company-section">
|
||||
<div class="logo">Kode Pilot</div>
|
||||
<p class="tagline">Built with <span class="heart">❤</span> in India for the world</p>
|
||||
|
||||
<div class="contact-info">
|
||||
<h4>Stay Connected</h4>
|
||||
|
||||
<div style="margin-bottom: 20px;">
|
||||
<strong style="color: white; font-size: 14px;">Sales Inquiries</strong>
|
||||
<div class="contact-item">
|
||||
<i class="fas fa-envelope"></i>
|
||||
sales@kodepilot.com
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<i class="fas fa-phone"></i>
|
||||
+91-9311777388 <span style="font-size: 12px;">(Mon to Fri, 9 AM to 6 PM)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<strong style="color: white; font-size: 14px;">Support Inquiries</strong>
|
||||
<div class="contact-item">
|
||||
<i class="fas fa-envelope"></i>
|
||||
support@kodepilot.com
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="social-icons">
|
||||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#"><i class="fab fa-facebook"></i></a>
|
||||
<a href="#"><i class="fab fa-telegram"></i></a>
|
||||
<a href="#"><i class="fab fa-discord"></i></a>
|
||||
<a href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
|
||||
<div class="newsletter-section">
|
||||
<h4>Stay Updated</h4>
|
||||
<p>We'll send you updates on the latest courses and coding opportunities to enhance your skills and
|
||||
advance your career.</p>
|
||||
|
||||
<div class="newsletter-form">
|
||||
<input type="email" placeholder="Subscribe to our newsletter!">
|
||||
<button type="submit">></button>
|
||||
</div>
|
||||
|
||||
<div class="action-buttons">
|
||||
<a href="#" class="btn btn-primary">Start Learning Now</a>
|
||||
<a href="#" class="btn btn-secondary"><i class="fas fa-code"></i> View Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Courses Section -->
|
||||
<div class="footer-section">
|
||||
<h3>Courses</h3>
|
||||
<ul>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Full Stack Development</a></li>
|
||||
<li><a href="#">Frontend Development</a></li>
|
||||
<li><a href="#">Backend Development</a></li>
|
||||
<li><a href="#">JavaScript Mastery</a></li>
|
||||
<li><a href="#">React & Next.js</a></li>
|
||||
<li><a href="#">Node.js & Express</a></li>
|
||||
<li><a href="#">Database Management</a></li>
|
||||
<li><a href="#">API Development</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 style="margin-top: 30px;">Learning Paths</h3>
|
||||
<ul>
|
||||
<li><a href="#">Beginner to Pro</a></li>
|
||||
<li><a href="#">Career Switcher</a></li>
|
||||
<li><a href="#">Skill Enhancement</a></li>
|
||||
<li><a href="#">Project-Based Learning</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h3>Resources</h3>
|
||||
<ul>
|
||||
<li><a href="#">Coding Tutorials</a></li>
|
||||
<li><a href="#">Blog Articles</a></li>
|
||||
<li><a href="#">Code Challenges</a></li>
|
||||
<li><a href="#">Live Workshops</a></li>
|
||||
<li><a href="#">Student Projects</a></li>
|
||||
<li><a href="#">Career Guidance</a></li>
|
||||
<li><a href="#">Interview Preparation</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 style="margin-top: 30px;">Community</h3>
|
||||
<ul>
|
||||
<li><a href="#">Student Forum</a></li>
|
||||
<li><a href="#">Code Reviews</a></li>
|
||||
<li><a href="#">Study Groups</a></li>
|
||||
<li><a href="#">Success Stories</a></li>
|
||||
<li><a href="#">Mentorship Program</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<div style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
|
||||
<div class="footer-bottom-links">
|
||||
<a href="#">About Us</a>
|
||||
<a href="#">Contact Us</a>
|
||||
<a href="#">Careers</a>
|
||||
<a href="#" style="color: #10b981;">We're hiring <span class="hiring-badge">•</span></a>
|
||||
<a href="#">Instructors</a>
|
||||
<a href="#">Become an Instructor</a>
|
||||
</div>
|
||||
<div class="footer-bottom-links" style="margin-top: 10px;">
|
||||
<a href="#">Student Reviews</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Course Catalog</a>
|
||||
<a href="#">Certificates</a>
|
||||
<a href="#">Student Support</a>
|
||||
</div>
|
||||
<div class="footer-bottom-links" style="margin-top: 10px;">
|
||||
<a href="#">Affiliate Program</a>
|
||||
<a href="#">Corporate Training</a>
|
||||
<a href="#">Bulk Enrollment</a>
|
||||
<a href="#">Student Discount</a>
|
||||
</div>
|
||||
<div class="footer-bottom-links" style="margin-top: 10px;">
|
||||
<a href="#">Terms & Conditions</a>
|
||||
<a href="#">Privacy Policy</a>
|
||||
<a href="#">Refund Policy</a>
|
||||
<a href="#">Sitemap</a>
|
||||
</div>
|
||||
<p style="margin-top: 20px;">
|
||||
Copyright © 2025 <a href="#" style="color: #10b981;">Kode Pilot Learning Pvt Ltd</a> - All rights
|
||||
reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
988
index.html
988
index.html
File diff suppressed because it is too large
Load Diff
285
main.js
Normal file
285
main.js
Normal file
@ -0,0 +1,285 @@
|
||||
function goToLogin() {
|
||||
window.location.href = "/login";
|
||||
}
|
||||
|
||||
(function () {
|
||||
if (window.Slide1rSliderLoaded) {
|
||||
return;
|
||||
}
|
||||
window.Slide1rSliderLoaded = true;
|
||||
|
||||
class Slide1rSlider {
|
||||
constructor() {
|
||||
setTimeout(() => {
|
||||
this.initSlider();
|
||||
}, 100);
|
||||
}
|
||||
|
||||
initSlider() {
|
||||
try {
|
||||
this.track = document.getElementById('slide1rTrack');
|
||||
this.slides = document.querySelectorAll('.slide1');
|
||||
this.prevBtn = document.getElementById('prevBtn');
|
||||
this.nextBtn = document.getElementById('nextBtn');
|
||||
|
||||
if (!this.track || this.slides.length === 0) {
|
||||
console.warn("Slider DOM elements not found. Retrying...");
|
||||
// Retry after a short delay
|
||||
setTimeout(() => this.initSlider(), 200);
|
||||
return;
|
||||
}
|
||||
|
||||
this.currentIndex = 0;
|
||||
this.totalSlides = this.slides.length;
|
||||
this.autoPlayDuration = 5000;
|
||||
|
||||
this.init();
|
||||
} catch (err) {
|
||||
console.error("Slider initialization failed:", err);
|
||||
}
|
||||
}
|
||||
|
||||
init() {
|
||||
try {
|
||||
this.updateSlider();
|
||||
this.bindEvents();
|
||||
this.startAutoPlay();
|
||||
this.bindKeyboardEvents();
|
||||
} catch (err) {
|
||||
console.error("Slider init error:", err);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
updateSlider() {
|
||||
try {
|
||||
const translateX = -this.currentIndex * 100;
|
||||
this.track.style.transform = `translateX(${translateX}%)`;
|
||||
|
||||
} catch (err) {
|
||||
console.error("Error updating slider:", err);
|
||||
}
|
||||
}
|
||||
|
||||
nextSlide() {
|
||||
try {
|
||||
this.currentIndex = (this.currentIndex + 1) % this.totalSlides;
|
||||
this.updateSlider();
|
||||
this.restartAutoPlay();
|
||||
} catch (err) {
|
||||
console.error("Error going to next slide:", err);
|
||||
}
|
||||
}
|
||||
|
||||
prevSlide() {
|
||||
try {
|
||||
this.currentIndex = this.currentIndex === 0 ? this.totalSlides - 1 : this.currentIndex - 1;
|
||||
this.updateSlider();
|
||||
this.restartAutoPlay();
|
||||
} catch (err) {
|
||||
console.error("Error going to previous slide:", err);
|
||||
}
|
||||
}
|
||||
|
||||
goToSlide(index) {
|
||||
try {
|
||||
this.currentIndex = index;
|
||||
this.updateSlider();
|
||||
this.restartAutoPlay();
|
||||
} catch (err) {
|
||||
console.error("Error going to slide:", err);
|
||||
}
|
||||
}
|
||||
|
||||
startAutoPlay() {
|
||||
try {
|
||||
this.stopAutoPlay();
|
||||
|
||||
this.autoPlayInterval = setInterval(() => {
|
||||
this.nextSlide();
|
||||
}, this.autoPlayDuration);
|
||||
|
||||
} catch (err) {
|
||||
console.error("Error starting autoplay:", err);
|
||||
}
|
||||
}
|
||||
|
||||
stopAutoPlay() {
|
||||
if (this.autoPlayInterval) {
|
||||
clearInterval(this.autoPlayInterval);
|
||||
this.autoPlayInterval = null;
|
||||
}
|
||||
}
|
||||
|
||||
restartAutoPlay() {
|
||||
this.stopAutoPlay();
|
||||
this.startAutoPlay();
|
||||
}
|
||||
|
||||
bindEvents() {
|
||||
try {
|
||||
if (this.nextBtn) {
|
||||
this.nextBtn.addEventListener('click', () => this.nextSlide());
|
||||
}
|
||||
|
||||
if (this.prevBtn) {
|
||||
this.prevBtn.addEventListener('click', () => this.prevSlide());
|
||||
}
|
||||
|
||||
// Pause on hover
|
||||
const container = document.querySelector('.slide1r-container');
|
||||
if (container) {
|
||||
container.addEventListener('mouseenter', () => this.stopAutoPlay());
|
||||
container.addEventListener('mouseleave', () => this.startAutoPlay());
|
||||
}
|
||||
|
||||
// Touch support
|
||||
let startX = 0;
|
||||
let endX = 0;
|
||||
|
||||
if (this.track) {
|
||||
this.track.addEventListener('touchstart', (e) => {
|
||||
startX = e.touches[0].clientX;
|
||||
this.stopAutoPlay();
|
||||
});
|
||||
|
||||
this.track.addEventListener('touchmove', (e) => {
|
||||
endX = e.touches[0].clientX;
|
||||
});
|
||||
|
||||
this.track.addEventListener('touchend', () => {
|
||||
const deltaX = startX - endX;
|
||||
if (Math.abs(deltaX) > 50) {
|
||||
if (deltaX > 0) {
|
||||
this.nextSlide();
|
||||
} else {
|
||||
this.prevSlide();
|
||||
}
|
||||
}
|
||||
this.startAutoPlay();
|
||||
});
|
||||
}
|
||||
} catch (err) {
|
||||
console.error("Error binding events:", err);
|
||||
}
|
||||
}
|
||||
|
||||
bindKeyboardEvents() {
|
||||
// Use a more specific event listener to avoid conflicts
|
||||
const keyHandler = (e) => {
|
||||
// Only respond if the slider container is visible
|
||||
const container = document.querySelector('.slide1r-container');
|
||||
if (container && this.isElementInViewport(container)) {
|
||||
if (e.key === 'ArrowLeft') {
|
||||
this.prevSlide();
|
||||
} else if (e.key === 'ArrowRight') {
|
||||
this.nextSlide();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
document.addEventListener('keydown', keyHandler);
|
||||
}
|
||||
|
||||
isElementInViewport(el) {
|
||||
const rect = el.getBoundingClientRect();
|
||||
return (
|
||||
rect.top >= 0 &&
|
||||
rect.left >= 0 &&
|
||||
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
|
||||
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// Initialize the slider immediately
|
||||
new Slide1rSlider();
|
||||
})();
|
||||
|
||||
const allCourses = [
|
||||
{
|
||||
category: "Software Development & Engineering",
|
||||
link: "https://kodepilot.in/course/view.php?id=16",
|
||||
image: "https://kodepilot.in/pluginfile.php/46/course/overviewfiles/ChatGPT%20Image%20Sep%2011%2C%202025%2C%2008_28_21%20PM.png",
|
||||
name: "UI/UX Design",
|
||||
description: "Go beyond aesthetics. Design seamless journeys that users love. Translate user needs into intuitive prototypes and pixel-perfect designs for web and mobile."
|
||||
},
|
||||
{
|
||||
category: "Software Development & Engineering",
|
||||
link: "https://kodepilot.in/course/view.php?id=17",
|
||||
image: "https://kodepilot.in/pluginfile.php/46/course/overviewfiles/ChatGPT%20Image%20Sep%2011%2C%202025%2C%2008_28_21%20PM.png",
|
||||
name: "Python Basics",
|
||||
description: "Learn Python from scratch. Master variables, loops, functions, and create real projects."
|
||||
},
|
||||
{
|
||||
category: "Data Science",
|
||||
link: "https://kodepilot.in/course/view.php?id=20",
|
||||
image: "https://kodepilot.in/pluginfile.php/46/course/overviewfiles/ChatGPT%20Image%20Sep%2011%2C%202025%2C%2008_28_21%20PM.png",
|
||||
name: "Data Analysis with Pandas",
|
||||
description: "Analyze data efficiently using Pandas. Explore datasets, clean data, and visualize results."
|
||||
}
|
||||
];
|
||||
|
||||
(async () => {
|
||||
const baseUrl = 'https://kodepilot.in/course/index.php';
|
||||
|
||||
// Step 1: Fetch categories dynamically
|
||||
const res = await fetch(baseUrl);
|
||||
const html = await res.text();
|
||||
const categoryRegex = /<h3 class="categoryname aabtn"><a href="([^"]+)">([^<]+)<\/a><\/h3>/g;
|
||||
|
||||
const categories = [];
|
||||
let match;
|
||||
while ((match = categoryRegex.exec(html)) !== null) {
|
||||
categories.push({ url: match[1], name: match[2] });
|
||||
}
|
||||
|
||||
console.log('Categories found:', categories);
|
||||
|
||||
// Step 2: Fetch courses for each category
|
||||
const allCourses = [];
|
||||
|
||||
for (const category of categories) {
|
||||
const resCat = await fetch(category.url);
|
||||
const catHtml = await resCat.text();
|
||||
const cleanHtml = catHtml.replace(/\n/g, ' '); // Flatten HTML for easier regex
|
||||
|
||||
// Regex to extract course info
|
||||
const courseRegex = /<div class="card dashboard-card [^"]*"[^>]*>.*?<a href="([^"]+)"[^>]*>.*?background-image: url\(([^)]+)\);".*?<span class="sr-only">(.*?)<\/span>.*?<div class="course-category">\s*([^<]+)<\/div>.*?<div class="course-summary">.*?<p>(.*?)<\/p>/g;
|
||||
|
||||
while ((match = courseRegex.exec(cleanHtml)) !== null) {
|
||||
allCourses.push({
|
||||
category: match[4].trim(),
|
||||
link: match[1].trim(),
|
||||
image: match[2].trim(),
|
||||
name: match[3].trim(),
|
||||
description: match[5].replace(/<br\s*\/?>/g, ' ').trim()
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
console.log('All courses:', allCourses);
|
||||
})();
|
||||
|
||||
|
||||
// Test printing all courses
|
||||
console.log("Testing allCourses array:");
|
||||
const container = document.querySelector('.corces');
|
||||
|
||||
allCourses.forEach(course => {
|
||||
const courseDiv = document.createElement('div');
|
||||
courseDiv.className = 'course-card'; // you can style this class later
|
||||
|
||||
courseDiv.innerHTML = `
|
||||
<a href="${course.link}" target="_blank">
|
||||
<div class="course-image" style="background-image: url(${course.image});"></div>
|
||||
</a>
|
||||
<div class="course-content">
|
||||
<div class="course-category">${course.category}</div>
|
||||
<a href="${course.link}" class="course-name" target="_blank">${course.name}</a>
|
||||
<div class="course-description">${course.description}</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
container.appendChild(courseDiv);
|
||||
});
|
||||
29
slide.html
29
slide.html
@ -1,29 +0,0 @@
|
||||
<style>
|
||||
.hover-slider {
|
||||
padding: 0 0 50px 0;
|
||||
}
|
||||
|
||||
.container-slider {
|
||||
height: 200px;
|
||||
max-width: 1152px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.container-slider-baby {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="hover-slider">
|
||||
<div class="container-slider">
|
||||
<div class="container-slider-baby container-slider-1"></div>
|
||||
<div class="container-slider-baby container-slider-2"></div>
|
||||
<div class="container-slider-baby container-slider-3"></div>
|
||||
<div class="container-slider-baby container-slider-4"></div>
|
||||
</div>
|
||||
</section>
|
||||
334
slider.html
334
slider.html
@ -1,334 +0,0 @@
|
||||
<style>
|
||||
.slide1r-container {
|
||||
margin: 0 auto;
|
||||
max-width: 1000px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border-radius: 20px;
|
||||
padding: 25px;
|
||||
font-family: 'Arial', sans-serif;
|
||||
}
|
||||
|
||||
.slide1r-wrapper {
|
||||
overflow: hidden;
|
||||
border-radius: 16px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.slide1r-track {
|
||||
display: flex;
|
||||
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.slide1 {
|
||||
min-width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.slide1-box {
|
||||
display: flex;
|
||||
gap: 25px;
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.image-container:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
.slide1-box img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.4s ease;
|
||||
opacity: 0;
|
||||
animation: fadeIn 0.5s ease forwards;
|
||||
}
|
||||
|
||||
.image-container:hover img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
/* Image overlays */
|
||||
.image-overlay {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
|
||||
color: white;
|
||||
padding: 20px;
|
||||
transform: translateY(100%);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.image-container:hover .image-overlay {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.image-overlay h4 {
|
||||
margin: 0 0 5px 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.image-overlay p {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
/* Navigation buttons */
|
||||
.nav-button {
|
||||
position: absolute;
|
||||
outline: solid rgba(166, 166, 166, 0.485) 1px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
backdrop-filter: blur(10px);
|
||||
border: none;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.nav-button:hover {
|
||||
background: white;
|
||||
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.prev-btn {
|
||||
left: -50px;
|
||||
}
|
||||
|
||||
.next-btn {
|
||||
right: -50px;
|
||||
}
|
||||
|
||||
.nav-button::before {
|
||||
content: '';
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-top: 2.5px solid currentColor;
|
||||
border-right: 2.5px solid currentColor;
|
||||
}
|
||||
|
||||
.prev-btn::before {
|
||||
transform: rotate(-135deg);
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.next-btn::before {
|
||||
transform: rotate(45deg);
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.dots-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.dot {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 50%;
|
||||
background: #e0e0e0;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.dot.active {
|
||||
background: #667eea;
|
||||
transform: scale(1.3);
|
||||
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
|
||||
}
|
||||
|
||||
.dot:hover:not(.active) {
|
||||
background: #bbb;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* Mobile responsive */
|
||||
@media (max-width: 768px) {
|
||||
.slide1r-container {
|
||||
margin: 15px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.slide1-box {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.nav-button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.prev-btn {
|
||||
left: -20px;
|
||||
}
|
||||
|
||||
.next-btn {
|
||||
right: -20px;
|
||||
}
|
||||
|
||||
.image-overlay {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.image-overlay h4 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.image-overlay p {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.slide1r-container {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.slide1-box {
|
||||
gap: 12px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.nav-button {
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.prev-btn {
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
.next-btn {
|
||||
right: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="slide1r-container">
|
||||
<div class="slide1r-wrapper">
|
||||
<div class="slide1r-track" id="slide1rTrack">
|
||||
<!-- Slide 1 -->
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1557804506-669a67965ba0?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||||
alt="Business Meeting">
|
||||
<div class="image-overlay">
|
||||
<h4>Business Innovation</h4>
|
||||
<p>Modern workspace collaboration</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1542744094-24638eff58bb?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||||
alt="Architecture">
|
||||
<div class="image-overlay">
|
||||
<h4>Modern Architecture</h4>
|
||||
<p>Contemporary design solutions</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 2 -->
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||||
alt="Analytics">
|
||||
<div class="image-overlay">
|
||||
<h4>Data Analytics</h4>
|
||||
<p>Business intelligence insights</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1551434678-e076c223a692?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||||
alt="Technology">
|
||||
<div class="image-overlay">
|
||||
<h4>Technology Hub</h4>
|
||||
<p>Innovation and development</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 3 -->
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||||
alt="Creativity">
|
||||
<div class="image-overlay">
|
||||
<h4>Creative Space</h4>
|
||||
<p>Inspiration and expression</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||||
alt="Beach">
|
||||
<div class="image-overlay">
|
||||
<h4>Tropical Paradise</h4>
|
||||
<p>Natural beauty and relaxation</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="nav-button prev-btn" id="prevBtn" aria-label="Previous slide"></button>
|
||||
<button class="nav-button next-btn" id="nextBtn" aria-label="Next slide"></button>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user