├── Blogging Website ├── README.md ├── css │ ├── CSS.css │ ├── all.css │ ├── aos.css │ ├── getstarted.css │ ├── index.css │ ├── owl.carousel.min.css │ └── owl.theme.default.min.css ├── firstnode.js ├── images │ ├── Las-Vegas.jpg │ ├── airpot.jpg │ ├── amsterdam.jpg │ ├── bastei-bridge.jpg │ ├── blog-img1.jpeg │ ├── blog-img10.jpg │ ├── blog-img2.png │ ├── blog-img3.jpg │ ├── blog-img4.jpeg │ ├── blog-img5.jpeg │ ├── blog-img6.jpeg │ ├── blog-img7.jpeg │ ├── blog-img8.jpeg │ ├── blog-img9.jpg │ ├── blog.jpg │ ├── blog1.jpg │ ├── blog2.jpg │ ├── books.jpg │ ├── cafe.jpg │ ├── leh.jpg │ ├── mountain.jpg │ ├── network-mesh-wire-digital-technology-background_1017-27428.jpg │ ├── night.jpg │ ├── photographer.jpg │ ├── road.jpg │ ├── road1.jpg │ ├── sunset.jpg │ └── tidal.jpg ├── index.html ├── js │ ├── aos.js │ ├── index.js │ ├── jquery.min.js │ └── owl.carousel.min.js └── webfonts │ ├── fa-brands-400.eot │ ├── fa-brands-400.svg │ ├── fa-brands-400.ttf │ ├── fa-brands-400.woff │ ├── fa-brands-400.woff2 │ ├── fa-regular-400.eot │ ├── fa-regular-400.svg │ ├── fa-regular-400.ttf │ ├── fa-regular-400.woff │ ├── fa-regular-400.woff2 │ ├── fa-solid-900.eot │ ├── fa-solid-900.svg │ ├── fa-solid-900.ttf │ ├── fa-solid-900.woff │ └── fa-solid-900.woff2 ├── Build-A-Tribute-Page ├── README.md ├── index.html ├── steve-jobs-macintosh.jpg └── style.css ├── Full Horizontal Scroll Experience ├── README.md ├── index.html ├── script.js └── style.css ├── Personal Portfolio ├── README.md ├── index.html ├── script.js └── style.css ├── Tic-Tac-Toe Game ├── README.md ├── index.html ├── script.js └── style.css └── To-Do List ├── README.md ├── index.html ├── script.js └── style.css /Blogging Website/README.md: -------------------------------------------------------------------------------- 1 | ![Screenshot (270)](https://github.com/skygitIG/Projects/assets/117715724/16370301-5fda-4ae5-8507-da4cd0945109) 2 | -------------------------------------------------------------------------------- /Blogging Website/css/CSS.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | /* Font Size */ 4 | 5 | 6 | .lead { 7 | font-size: 20px; 8 | } 9 | 10 | .xs { 11 | font-size: .8em; 12 | } 13 | 14 | .sm { 15 | font-size: 1rem; 16 | } 17 | 18 | .md { 19 | font-size: 2rem; 20 | } 21 | 22 | .lg { 23 | font-size: 3rem; 24 | } 25 | 26 | .xl { 27 | font-size: 4rem; 28 | } 29 | 30 | 31 | /* Margin */ 32 | 33 | .my-0 { 34 | margin: .5em 0; 35 | } 36 | 37 | .my-1 { 38 | margin: 1rem 0; 39 | } 40 | 41 | .my-2 { 42 | margin: 1.5rem 0; 43 | } 44 | 45 | .my-3 { 46 | margin: 2rem 0; 47 | } 48 | 49 | .my-4 { 50 | margin: 3rem 0; 51 | } 52 | 53 | .my-5 { 54 | margin: 4rem 0; 55 | } 56 | 57 | .m-1 { 58 | margin: 1rem; 59 | } 60 | 61 | .m-2 { 62 | margin: 1.5rem; 63 | } 64 | 65 | .m-3 { 66 | margin: 2rem; 67 | } 68 | 69 | .m-4 { 70 | margin: 3rem; 71 | } 72 | 73 | .m-5 { 74 | margin: 4rem; 75 | } 76 | 77 | /* Padding */ 78 | 79 | 80 | 81 | .py-1 { 82 | padding: 1rem 0; 83 | } 84 | 85 | .py-2 { 86 | padding: 1.5rem 0; 87 | } 88 | 89 | .py-3 { 90 | padding: 2rem 0; 91 | } 92 | 93 | .py-4 { 94 | padding: 3rem 0; 95 | } 96 | 97 | .py-5 { 98 | padding: 4rem 0; 99 | } 100 | 101 | .p-1 { 102 | padding: 1rem; 103 | } 104 | 105 | .p-2 { 106 | padding: 1.5rem; 107 | } 108 | 109 | .p-3 { 110 | padding: 2rem; 111 | } 112 | 113 | .p-4 { 114 | padding: 3rem; 115 | } 116 | 117 | .p-5 { 118 | padding: 4rem; 119 | } -------------------------------------------------------------------------------- /Blogging Website/css/aos.css: -------------------------------------------------------------------------------- 1 | [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} -------------------------------------------------------------------------------- /Blogging Website/css/getstarted.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap'); 2 | 3 | html,body { 4 | margin: 0; 5 | box-sizing: border-box; 6 | font-family: "lato" , "sans-serif"; 7 | background: rgb(243, 242, 242); 8 | min-width: 350px; 9 | max-width: 1800px; 10 | margin: 0 auto; 11 | } 12 | 13 | :root { 14 | --text-gray: #3f4954; 15 | --text-lite: #686666da; 16 | --bg-color: #0f0f0f; 17 | --midnight:#104f55; 18 | --background:rgb(100, 100, 100); 19 | 20 | /* gradient color */ 21 | 22 | --sky: linear-gradient(120deg, #4e92ff 0%, #28bbff 100%); 23 | --sky-dark: linear-gradient(120deg, #d1b158 0%, #8a8b8b 100%); 24 | --sky-lite: linear-gradient(120deg, #76a9fa 0%, #56c8fd 100%); 25 | } 26 | 27 | p{ 28 | color: var(--text-lite); 29 | } 30 | 31 | /* Global Classes */ 32 | 33 | a { 34 | text-decoration: none; 35 | } 36 | 37 | .flex-row { 38 | display: flex; 39 | flex-direction: row; 40 | flex-wrap: wrap; 41 | } 42 | 43 | h1, h2, h3, h5{ 44 | font-weight: 300; 45 | line-height: 1.2; 46 | margin: 10px; 47 | } 48 | 49 | ul { 50 | 51 | list-style-type: none; 52 | } 53 | 54 | .grid { 55 | display: grid; 56 | grid-template-columns: 1fr 1fr; 57 | gap: 30px; 58 | justify-content: center; 59 | align-items: center; 60 | height: 100%; 61 | } 62 | 63 | 64 | .container { 65 | max-width: 1130px; 66 | margin: 0 auto; 67 | overflow: visible; 68 | padding: 0 40px; 69 | } 70 | 71 | /* Nav */ 72 | 73 | .nav { 74 | background: #047aed; 75 | padding: 0 2rem; 76 | height: 3.2em; 77 | overflow: hidden; 78 | transition: height 0.5s ease-in-out; 79 | } 80 | 81 | .nav .nav-menu { 82 | justify-content: space-between; 83 | } 84 | 85 | .nav .text-head span{ 86 | font-weight: 700; 87 | } 88 | 89 | .nav .nav-brand a { 90 | font-size: 1.6rem; 91 | padding: 1rem 0; 92 | display: block; 93 | font-size: 1.6rem; 94 | color: #fff; 95 | } 96 | 97 | .nav ul li a, 98 | .nav .social a i { 99 | color: #fff; 100 | } 101 | 102 | .nav .nav-items { 103 | display: flex; 104 | margin: 0; 105 | } 106 | 107 | .nav .nav-items .nav-link { 108 | font-size: 1rem; 109 | padding: 10px; 110 | margin: 10px 7px; 111 | } 112 | 113 | .nav ul li:hover{ 114 | border-bottom: 2px rgb(0, 0, 0) solid; 115 | } 116 | 117 | .nav .social { 118 | padding: 1rem 0; 119 | } 120 | 121 | .nav .social i { 122 | padding: 0.2rem; 123 | margin: 0 4px; 124 | } 125 | 126 | .nav .social i:hover { 127 | color: rgb(243, 186, 63); 128 | } 129 | 130 | .collapse { 131 | height: 30rem; 132 | } 133 | 134 | .nav .toggle-collpase { 135 | position: absolute; 136 | top: 0%; 137 | width: 90%; 138 | cursor: pointer; 139 | display: none; 140 | } 141 | 142 | .nav .toggle-collpase .toggle-icons { 143 | display: flex; 144 | justify-content: flex-end; 145 | padding: 1.7em 0; 146 | color: #fff; 147 | } 148 | 149 | .nav .toggle-collpase .toggle-icons i { 150 | color: #fff; 151 | font-size: 1.4rem; 152 | } 153 | 154 | main .site-title::after, 155 | main .site-title::before { 156 | content: ""; 157 | height: 90px; 158 | background: #fff; 159 | width: 100%; 160 | bottom: -60px; 161 | position: absolute; 162 | transform: skewY(-3deg); 163 | background: rgb(243, 242, 242); 164 | } 165 | 166 | 167 | 168 | 169 | /* Footer ***********/ 170 | 171 | footer { 172 | height: 100%; 173 | background: #333; 174 | position: relative; 175 | padding: 0 2em; 176 | } 177 | 178 | footer .foot-content { 179 | display: grid; 180 | grid-template-columns: repeat(4, 1fr); 181 | } 182 | 183 | footer .foot-content > div { 184 | flex-grow: 1; 185 | flex-basis: 0; 186 | padding: 3rem .9rem; 187 | } 188 | 189 | footer .foot-content h2 { 190 | color: #fff; 191 | font-weight: 600; 192 | } 193 | 194 | footer .newsletter .form-element { 195 | display: inline-block; 196 | background: #000; 197 | } 198 | 199 | footer .newsletter input{ 200 | padding: .5rem .7rem; 201 | border: none; 202 | background: transparent; 203 | } 204 | 205 | footer .newsletter span { 206 | background: var(--sky); 207 | padding: .35rem .7rem; 208 | cursor: pointer; 209 | position: absolute; 210 | } 211 | 212 | footer .follow i{ 213 | color: #fff; 214 | margin: 0 .7em 0 .2em; 215 | } 216 | 217 | footer .rights { 218 | justify-content: center; 219 | } 220 | 221 | footer .rights h4 a { 222 | color: #fff; 223 | } 224 | 225 | footer .move-up { 226 | position: absolute; 227 | right: 6%; 228 | top: 50%; 229 | } 230 | 231 | footer .move-up span { 232 | color: var(--midnight); 233 | } 234 | 235 | footer span:hover { 236 | color: #fff; 237 | cursor: pointer; 238 | } 239 | 240 | 241 | 242 | @media screen and (max-width:1030px) { 243 | 244 | .nav .nav-items .nav-link { 245 | font-size: 1rem; 246 | padding: 7px; 247 | margin: 10px 5px; 248 | } 249 | 250 | footer .foot-content { 251 | grid-template-columns: repeat(2,1fr); 252 | } 253 | } 254 | 255 | 256 | @media screen and (max-width:768px) { 257 | .nav .nav-menu , .nav .nav-items{ 258 | flex-direction: column; 259 | } 260 | 261 | .nav .toggle-collpase { 262 | display: initial; 263 | } 264 | 265 | footer .foot-content { 266 | grid-template-columns: 1fr; 267 | } 268 | } 269 | 270 | @media screen and (max-width:500px) { 271 | 272 | .nav .toggle-collpase { 273 | width: 80%; 274 | } 275 | 276 | 277 | footer .foot-content > div{ 278 | padding: 1rem .7rem; 279 | text-align: center; 280 | } 281 | 282 | footer .rights { 283 | text-align: center; 284 | font-size: 1.05em; 285 | line-height: 2em; 286 | } 287 | } -------------------------------------------------------------------------------- /Blogging Website/css/index.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap'); 2 | 3 | html,body { 4 | margin: 0; 5 | box-sizing: border-box; 6 | font-family: "lato" , "sans-serif"; 7 | background: rgb(243, 242, 242); 8 | min-width: 350px; 9 | max-width: 1800px; 10 | margin: 0 auto; 11 | } 12 | 13 | :root { 14 | --text-gray: #3f4954; 15 | --text-lite: #686666da; 16 | --bg-color: #0f0f0f; 17 | --midnight:#104f55; 18 | --background:rgb(100, 100, 100); 19 | 20 | /* gradient color */ 21 | 22 | --sky: linear-gradient(120deg, #4e92ff 0%, #28bbff 100%); 23 | --sky-dark: linear-gradient(120deg, #d1b158 0%, #8a8b8b 100%); 24 | --sky-lite: linear-gradient(120deg, #76a9fa 0%, #56c8fd 100%); 25 | } 26 | 27 | p{ 28 | color: var(--text-lite); 29 | } 30 | 31 | /* Global Classes */ 32 | 33 | a { 34 | text-decoration: none; 35 | } 36 | 37 | .flex-row { 38 | display: flex; 39 | flex-direction: row; 40 | flex-wrap: wrap; 41 | } 42 | 43 | h1, h2, h3, h5{ 44 | font-weight: 300; 45 | line-height: 1.2; 46 | margin: 10px; 47 | } 48 | 49 | ul { 50 | 51 | list-style-type: none; 52 | } 53 | 54 | .grid { 55 | display: grid; 56 | grid-template-columns: 1fr 1fr; 57 | gap: 30px; 58 | justify-content: center; 59 | align-items: center; 60 | height: 100%; 61 | } 62 | 63 | 64 | .container { 65 | max-width: 1130px; 66 | margin: 0 auto; 67 | overflow: visible; 68 | padding: 0 40px; 69 | } 70 | 71 | /* Nav */ 72 | 73 | .nav { 74 | background: #047aed; 75 | padding: 0 2rem; 76 | height: 3.2em; 77 | overflow: hidden; 78 | transition: height 0.5s ease-in-out; 79 | } 80 | 81 | .nav .nav-menu { 82 | justify-content: space-between; 83 | } 84 | 85 | .nav .text-head span{ 86 | font-weight: 700; 87 | } 88 | 89 | .nav .nav-brand a { 90 | font-size: 1.6rem; 91 | padding: 1rem 0; 92 | display: block; 93 | font-size: 1.6rem; 94 | color: #fff; 95 | } 96 | 97 | .nav ul li a, 98 | .nav .social a i { 99 | color: #fff; 100 | } 101 | 102 | .nav .nav-items { 103 | display: flex; 104 | margin: 0; 105 | } 106 | 107 | .nav .nav-items .nav-link { 108 | font-size: 1rem; 109 | padding: 10px; 110 | margin: 10px 7px; 111 | } 112 | 113 | .nav ul li:hover{ 114 | border-bottom: 2px rgb(0, 0, 0) solid; 115 | } 116 | 117 | .nav .social { 118 | padding: 1rem 0; 119 | } 120 | 121 | .nav .social i { 122 | padding: 0.2rem; 123 | margin: 0 4px; 124 | } 125 | 126 | .nav .social i:hover { 127 | color: rgb(243, 186, 63); 128 | } 129 | 130 | .collapse { 131 | height: 30rem; 132 | } 133 | 134 | .nav .toggle-collpase { 135 | position: absolute; 136 | top: 0%; 137 | width: 90%; 138 | cursor: pointer; 139 | display: none; 140 | } 141 | 142 | .nav .toggle-collpase .toggle-icons { 143 | display: flex; 144 | justify-content: flex-end; 145 | padding: 1.7em 0; 146 | color: #fff; 147 | } 148 | 149 | .nav .toggle-collpase .toggle-icons i { 150 | color: #fff; 151 | font-size: 1.4rem; 152 | } 153 | 154 | 155 | /* section 1 */ 156 | 157 | .site-title .grid { 158 | grid-template-columns: 55% 45%; 159 | } 160 | 161 | .main-info { 162 | width: 80%; 163 | display: flex; 164 | justify-content: space-around; 165 | margin: 0 auto; 166 | } 167 | 168 | main .site-title { 169 | background: #047aed; 170 | height: 420px; 171 | color: #fff; 172 | align-items: center; 173 | position: relative; 174 | } 175 | 176 | main .site-title .site-background { 177 | display: flex; 178 | flex-direction: column; 179 | align-items: flex-start; 180 | justify-content: flex-start; 181 | font-size: 20px; 182 | color: #ffffff; 183 | } 184 | 185 | main .site-title::after, 186 | main .site-title::before { 187 | content: ""; 188 | height: 90px; 189 | background: #fff; 190 | width: 100%; 191 | bottom: -60px; 192 | position: absolute; 193 | transform: skewY(-3deg); 194 | background: rgb(243, 242, 242); 195 | } 196 | 197 | .btn { 198 | display: inline-block; 199 | padding: 10px 30px; 200 | cursor: pointer; 201 | background: var(--sky); 202 | color: #fff; 203 | border: none; 204 | border-radius: 5px; 205 | } 206 | 207 | .btn:hover{ 208 | color: #047aed; 209 | background: #fff; 210 | border: 1px solid #047aed; 211 | box-sizing: border-box; 212 | } 213 | 214 | .btn-exp { 215 | background: transparent; 216 | border: 1px solid #fff; 217 | margin: 15px .8em; 218 | padding: 1em 2em; 219 | } 220 | 221 | .btn-primary { 222 | background: var(--sky); 223 | } 224 | 225 | .btn:hover { 226 | transform: scale(.98); 227 | } 228 | 229 | .card { 230 | height: 310px; 231 | width: 350px; 232 | position: relative; 233 | z-index: 100; 234 | padding: 40px; 235 | justify-self: flex-end; 236 | 237 | background: #fff; 238 | border-radius: 10px; 239 | box-shadow: 0 3px 10px #000; 240 | padding: 20px; 241 | margin: 10px; 242 | color: #333; 243 | top: 50px; 244 | } 245 | 246 | .card .form-control { 247 | margin: 30px 0; 248 | } 249 | 250 | .card input[type="text"], 251 | .card input[type="email"], 252 | .card input[type="password"] { 253 | border: 0; 254 | border-bottom: 1px solid #b4becb; 255 | width: 100%; 256 | padding: 3px; 257 | font-size: 16px; 258 | } 259 | 260 | .card input:focus { 261 | outline: none; 262 | } 263 | 264 | /* Blog Corousel */ 265 | 266 | .container { 267 | position: relative; 268 | } 269 | 270 | .container .blog { 271 | height: 450px; 272 | width: 100%; 273 | 274 | } 275 | 276 | .container .blog .blog-post { 277 | padding-top: 3rem; 278 | } 279 | 280 | .container .blog-post .blog-content { 281 | display: flex; 282 | flex-direction: column; 283 | text-align: center; 284 | justify-content: space-around; 285 | width: 70%; 286 | height: 350px; 287 | margin: 2rem; 288 | padding-bottom: 1rem; 289 | box-shadow: 0 15px 20px rgba(0, 0, 0, 0.9); 290 | } 291 | 292 | .container .blog-post .blog-content h2 { 293 | display: block; 294 | margin-top: 1rem; 295 | font-weight: 500; 296 | border-bottom: 2px solid #333; 297 | 298 | } 299 | 300 | /* Section 2 */ 301 | 302 | 303 | .site-content { 304 | color: #333; 305 | padding-top: 80px; 306 | display: grid; 307 | grid-template-columns: 70% 30%; 308 | 309 | } 310 | 311 | .blog-main { 312 | width: 90%; 313 | } 314 | 315 | .site-content .blogs { 316 | display: flex; 317 | justify-content: space-between; 318 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 319 | padding-bottom: .5em; 320 | border-bottom: 1px solid #999; 321 | 322 | } 323 | 324 | .blogs .blogs-content { 325 | width: 70%; 326 | } 327 | 328 | .blogs .blog-highlight { 329 | font-weight: 600; 330 | } 331 | 332 | .blogs .blog-highlight a { 333 | 334 | color: #000; 335 | } 336 | 337 | .blogs .blog-date { 338 | display: flex; 339 | justify-content: space-between; 340 | } 341 | 342 | .blogs .blog-time { 343 | display: flex; 344 | } 345 | 346 | .blogs .ii { 347 | font-size: .6em; 348 | margin: auto 1em; 349 | } 350 | 351 | 352 | 353 | 354 | .pagination { 355 | display: flex; 356 | justify-content: center; 357 | margin: 4em 0; 358 | column-span: span 2; 359 | } 360 | 361 | .pagination a { 362 | padding: .6rem .9rem; 363 | border-radius: 2rem; 364 | margin: 0.3rem; 365 | color: #000; 366 | } 367 | 368 | .pagination .pages { 369 | background: var(--text-gray); 370 | color: #fff; 371 | } 372 | 373 | /* Sidebar */ 374 | 375 | .container .sidebar .catogory-list .list-items{ 376 | background: var(--sky); 377 | padding: .4rem 1rem; 378 | margin: .8rem 0; 379 | border-radius: 3rem; 380 | width: 70%; 381 | display: flex; 382 | justify-content: space-between; 383 | } 384 | 385 | .container .sidebar .catogory-list .list-items a { 386 | color: #000; 387 | } 388 | 389 | .site-content .popular-post { 390 | margin: 4rem 0; 391 | width: 80%; 392 | } 393 | 394 | .site-content .popular-post .side-image { 395 | display: flex; 396 | position: relative; 397 | } 398 | 399 | .site-content .popular-post .side-image img { 400 | width: 100%; 401 | transition: all 1s ease; 402 | } 403 | 404 | .site-content .popular-post .side-image div { 405 | overflow: hidden; 406 | } 407 | 408 | .site-content .popular-post .side-image img:hover { 409 | transform: scale(1.1); 410 | } 411 | 412 | .site-content .popular-post .side-image .img-info { 413 | background: #fff; 414 | position: absolute; 415 | border-radius: 9px; 416 | padding: .5rem 0.4em; 417 | bottom: -.3rem; 418 | } 419 | 420 | .site-content .popular-post .side-info-2 { 421 | font-size: 1rem; 422 | padding: 1rem 0; 423 | 424 | } 425 | 426 | .site-content .popular-post .side-info-2 a { 427 | color: #333; 428 | } 429 | 430 | .site-content .sidebar .newsletter { 431 | padding-top: 1rem; 432 | } 433 | 434 | .site-content .sidebar .newsletter .form-element { 435 | padding: .5rem .2rem; 436 | } 437 | 438 | .site-content .sidebar .newsletter .form-element .input-element { 439 | width: 80%; 440 | height: 1.9rem; 441 | padding: .3rem .5rem; 442 | } 443 | 444 | .side-btn { 445 | padding: .8rem 32%; 446 | margin: 1rem 0; 447 | } 448 | 449 | .site-content .sidebar .popular-tag { 450 | padding: 1rem 0; 451 | } 452 | 453 | .site-content .sidebar .popular-tag .tags .tag { 454 | background: var(--sky-lite); 455 | padding: .4rem 1rem; 456 | border-radius: 3rem; 457 | margin: .4rem .6rem; 458 | } 459 | 460 | 461 | /* Footer ***********/ 462 | 463 | footer { 464 | height: 100%; 465 | background: #333; 466 | position: relative; 467 | padding: 0 2em; 468 | } 469 | 470 | footer .foot-content { 471 | display: grid; 472 | grid-template-columns: repeat(4, 1fr); 473 | } 474 | 475 | footer .foot-content > div { 476 | flex-grow: 1; 477 | flex-basis: 0; 478 | padding: 3rem .9rem; 479 | } 480 | 481 | footer .foot-content h2 { 482 | color: #fff; 483 | font-weight: 600; 484 | } 485 | 486 | footer .newsletter .form-element { 487 | display: inline-block; 488 | background: #000; 489 | } 490 | 491 | footer .newsletter input{ 492 | padding: .5rem .7rem; 493 | border: none; 494 | background: transparent; 495 | } 496 | 497 | footer .newsletter span { 498 | background: var(--sky); 499 | padding: .35rem .7rem; 500 | cursor: pointer; 501 | position: absolute; 502 | } 503 | 504 | footer .follow i{ 505 | color: #fff; 506 | margin: 0 .7em 0 .2em; 507 | } 508 | 509 | footer .rights { 510 | justify-content: center; 511 | } 512 | 513 | footer .rights h4 a { 514 | color: #fff; 515 | } 516 | 517 | footer .move-up { 518 | position: absolute; 519 | right: 6%; 520 | top: 50%; 521 | } 522 | 523 | footer .move-up span { 524 | color: var(--midnight); 525 | } 526 | 527 | footer span:hover { 528 | color: #fff; 529 | cursor: pointer; 530 | } 531 | 532 | /* Media Quary ****************************/ 533 | @media screen and (max-width:1050px) { 534 | footer .foot-content { 535 | grid-template-columns: repeat(2,1fr); 536 | } 537 | } 538 | 539 | 540 | @media screen and (max-width:768px) { 541 | .nav .nav-menu , .nav .nav-items{ 542 | flex-direction: column; 543 | } 544 | 545 | .nav .toggle-collpase { 546 | display: initial; 547 | } 548 | 549 | .site-title .main-info { 550 | flex-direction: column; 551 | height: auto; 552 | gap: 0; 553 | } 554 | 555 | .site-title .main-info .site-background, 556 | .site-title .main-info .site-background h1 { 557 | 558 | align-items: center; 559 | text-align: center; 560 | display: flex; 561 | } 562 | 563 | 564 | .container { 565 | padding-top: 10rem; 566 | } 567 | 568 | 569 | 570 | footer .foot-content { 571 | grid-template-columns: repeat(2,1fr); 572 | } 573 | 574 | main .site-content { 575 | grid-template-columns: 100%; 576 | } 577 | 578 | .blog-main { 579 | width: 100%; 580 | } 581 | 582 | .site-content .blog-main .blogs { 583 | display: grid; 584 | grid-template-columns: 3fr 1fr; 585 | } 586 | 587 | .site-content .blog-main .blogs .blogs-content { 588 | width: 90%; 589 | } 590 | 591 | } 592 | 593 | @media screen and (max-width:500px) { 594 | 595 | .nav .toggle-collpase { 596 | width: 80%; 597 | } 598 | 599 | main .site-title .card { 600 | position: relative; 601 | width: 290px ; 602 | top: 5px; 603 | } 604 | 605 | .container { 606 | padding-top: 13rem; 607 | } 608 | 609 | .site-content .blog-main .blogs { 610 | display: flex; 611 | flex-direction: column; 612 | } 613 | 614 | .site-content .blog-main .blogs .blogs-content, 615 | .site-content .blog-main .blogs .blog-img img { 616 | width: 100%; 617 | margin: .2rem 0; 618 | } 619 | 620 | .container .sidebar .catagory ul { 621 | display: grid; 622 | grid-template-columns: 1fr 1fr; 623 | position: relative; 624 | } 625 | 626 | .container .sidebar .catagory ul li { 627 | padding: .4rem .5rem; 628 | margin: .5rem 0; 629 | border-radius: 3rem; 630 | } 631 | 632 | .sidebar .popular-post { 633 | width: 100%; 634 | } 635 | 636 | .sidebar .newsletter .form-element .input-element { 637 | width: 90% !important; 638 | } 639 | 640 | .sidebar .newsletter .form-element button { 641 | width: 40% !important; 642 | padding: 1em; 643 | } 644 | 645 | footer .foot-content { 646 | grid-template-columns: 1fr; 647 | } 648 | 649 | footer .foot-content > div{ 650 | padding: 1rem .7rem; 651 | text-align: center; 652 | } 653 | 654 | footer .rights { 655 | text-align: center; 656 | font-size: 1.05em; 657 | line-height: 2em; 658 | } 659 | } -------------------------------------------------------------------------------- /Blogging Website/css/owl.carousel.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.3.4 3 | * Copyright 2013-2018 David Deutsch 4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 5 | */ 6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} -------------------------------------------------------------------------------- /Blogging Website/css/owl.theme.default.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.3.4 3 | * Copyright 2013-2018 David Deutsch 4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 5 | */ 6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} -------------------------------------------------------------------------------- /Blogging Website/firstnode.js: -------------------------------------------------------------------------------- 1 | console.log("Hello World"); 2 | 3 | const http = require('http'); 4 | 5 | const hostname = '127.0.0.1'; 6 | const port = 3000; 7 | 8 | const server = http.createServer((req, res) => { 9 | res.statusCode = 200; 10 | res.setHeader('Content-Type', 'text/plain'); 11 | res.end('Hello World! This is Sky. How are you?'); 12 | }); 13 | 14 | server.listen(port, hostname, () => { 15 | console.log(`Server running at http://${hostname}:${port}/`); 16 | }); -------------------------------------------------------------------------------- /Blogging Website/images/Las-Vegas.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/Las-Vegas.jpg -------------------------------------------------------------------------------- /Blogging Website/images/airpot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/airpot.jpg -------------------------------------------------------------------------------- /Blogging Website/images/amsterdam.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/amsterdam.jpg -------------------------------------------------------------------------------- /Blogging Website/images/bastei-bridge.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/bastei-bridge.jpg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img1.jpeg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img10.jpg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img2.png -------------------------------------------------------------------------------- /Blogging Website/images/blog-img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img3.jpg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img4.jpeg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img5.jpeg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img6.jpeg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img7.jpeg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img8.jpeg -------------------------------------------------------------------------------- /Blogging Website/images/blog-img9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog-img9.jpg -------------------------------------------------------------------------------- /Blogging Website/images/blog.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog.jpg -------------------------------------------------------------------------------- /Blogging Website/images/blog1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog1.jpg -------------------------------------------------------------------------------- /Blogging Website/images/blog2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/blog2.jpg -------------------------------------------------------------------------------- /Blogging Website/images/books.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/books.jpg -------------------------------------------------------------------------------- /Blogging Website/images/cafe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/cafe.jpg -------------------------------------------------------------------------------- /Blogging Website/images/leh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/leh.jpg -------------------------------------------------------------------------------- /Blogging Website/images/mountain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/mountain.jpg -------------------------------------------------------------------------------- /Blogging Website/images/network-mesh-wire-digital-technology-background_1017-27428.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/network-mesh-wire-digital-technology-background_1017-27428.jpg -------------------------------------------------------------------------------- /Blogging Website/images/night.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/night.jpg -------------------------------------------------------------------------------- /Blogging Website/images/photographer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/photographer.jpg -------------------------------------------------------------------------------- /Blogging Website/images/road.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/road.jpg -------------------------------------------------------------------------------- /Blogging Website/images/road1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/road1.jpg -------------------------------------------------------------------------------- /Blogging Website/images/sunset.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/sunset.jpg -------------------------------------------------------------------------------- /Blogging Website/images/tidal.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/skygitIG/Projects/a51a62456ae52b602189ae68aa338bb40e1122d4/Blogging Website/images/tidal.jpg -------------------------------------------------------------------------------- /Blogging Website/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Blooger 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 60 | 61 | 62 | 63 | 64 |
65 | 66 | 67 |
68 |
69 |
70 |

Give your passion a platform today
Create your blog effortlessly

71 |
Read and share new perspectives on just about any topic. Everyone’s welcome.
72 | 73 |
74 | 75 |
76 |

Sign in for updates

77 |
78 |
79 | 80 |
81 |
82 | 83 |
84 |
85 | 86 |
87 | 88 |
89 |
90 |
91 |
92 | 93 | 94 | 95 |
96 | 97 | 98 | 99 |
100 |
101 |
102 |
103 |
104 | post-1 105 |
106 |

One of the most favorite destination due to its pristine beaches.

107 | 108 |

Goa

109 |
110 |
111 |
112 | post-1 113 |
114 |

You can't walk a kilometre without bumping into a masterpiece in the city.

115 | 116 |

Amsterdam

117 |
118 |
119 |
120 | post-1 121 |
122 |

Bastei Bridge is the highlight of the german Saxon Switzerland National Park.

123 | 124 |

Bastei

125 |
126 |
127 |
128 | post-1 129 |
130 |

Just wandering the Strip is enough to get your endorphins in overdrive.

131 | 132 |

Las Vegas

133 |
134 |
135 |
136 | post-1 137 |
138 |

See the gentler appearance as the plum blossoms and cherry blossoms.

139 | 140 |

Japan

141 |
142 |
143 |
144 | post-1 145 |
146 |

Pangong lake and world highest road Khardongla is main attraction for tourist.

147 | 148 |

Leh

149 |
150 |
151 | 152 |
153 | 154 |
155 |
156 |
157 | 158 |
159 | 160 |
161 |
162 |
163 |
Sean Kernan
164 |

Five Signs of Highly Intelegent Person

165 |
Accurateky sizing up someone's mental acuity is a valuable life skill
166 |
167 |
Apr 274 min read
168 |
169 | 170 |
171 |
172 |
173 |
174 | 175 |
176 | 177 |
178 | 179 |
180 |
181 |
Vsevolod Ulyanovich
182 |

Frontend Development Trends That You will Want To Try in 2021

183 |
Top 5 Frontend Development Trends You Need to Know About
184 |
185 |
Apr 274 min read
186 |
187 | 188 |
189 |
190 |
191 |
192 | 193 |
194 | 195 |
196 | 197 |
198 |
199 |
Shoaib Mehedi
200 |

As a tech guy, you will thank me for these websites

201 |
Everyday we do some technical things that we can fully handover to these websites
202 |
203 |
Apr 274 min read
204 |
205 | 206 |
207 |
208 |
209 |
210 | 211 |
212 | 213 |
214 | 215 |
216 |
217 |
Brian Kean
218 |

Trump: You Are Weak, a Disappointment and Should Hang

219 |
Pence: Thanks for the honesty, you are the best. I love you,sir
220 |
221 |
Apr 274 min read
222 |
223 | 224 |
225 |
226 |
227 |
228 | 229 |
230 | 231 |
232 | 233 |
234 |
235 |
Sean Kernan
236 |

Five Signs of Highly Intelegent Person

237 |
Accurateky sizing up someone's mental acuity is a valuable life skill
238 |
239 |
Apr 274 min read
240 |
241 | 242 |
243 |
244 |
245 |
246 | 247 |
248 | 249 |
250 | 251 |
252 |
253 |
Elfao
254 |

Why "df.to_csv" could be a Mistake ?

255 |
As a Data Scientist and in the field of data analysis more globally, load and save data (DataFrame) is almost systematic.
256 |
257 |
Apr 274 min read
258 |
259 | 260 |
261 |
262 |
263 |
264 | 265 |
266 | 267 |
268 | 269 |
270 |
271 |
Neeramitra Reddy
272 |

If I Could Read Only 7 Books for The Rest of My Life, I’d Read These

273 |
Insightful, engrossing, and beautiful ones that I’ll never tire of
274 |
275 |
Apr 274 min read
276 |
277 | 278 |
279 |
280 |
281 |
282 | 283 |
284 | 285 |
286 | 287 |
288 |
289 |
Sean Kernan
290 |

Here’s why Institutions are slowly losing confidence in Bitcoin

291 |
Over the last several months, a common narrative that has been forced into the minds of almost every crypto investor is the idea that…
292 |
293 |
Apr 274 min read
294 |
295 | 296 |
297 |
298 |
299 |
300 | 301 |
302 | 303 |
304 | 305 |
306 |
307 |
John Anderson
308 |

The Best Tools for Developers in 2021

309 |
My development toolbox to increase productivity and improve code.
310 |
311 |
Apr 259 min read
312 |
313 | 314 |
315 |
316 |
317 |
318 | 319 |
320 |
321 | 322 |
323 |
324 |
Brandon Weber's Legacy
325 |

Mini ice age? Why the Sun will lose 7% of its power in about 30 years

326 |
Brrrrrrr.
327 |
328 |
Apr 259 min read
329 |
330 | 331 |
332 |
333 |
334 |
335 | 336 |
337 | 338 |
339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 |
348 | 349 | 350 | 446 |
447 |
448 |
449 | 450 | 451 | 452 | 453 | 460 | 461 | 501 | 502 | 503 | 504 | 505 | 506 | 507 | 508 | 509 | 510 | 511 | 512 | 513 | 514 | 515 | 516 | 517 | -------------------------------------------------------------------------------- /Blogging Website/js/aos.js: -------------------------------------------------------------------------------- 1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])}); -------------------------------------------------------------------------------- /Blogging Website/js/index.js: -------------------------------------------------------------------------------- 1 | const responsive = { 2 | 0: { 3 | items: 1 4 | }, 5 | 320: { 6 | items: 1 7 | }, 8 | 550: { 9 | items: 2 10 | }, 11 | 960: { 12 | items: 3 13 | }, 14 | 1400: { 15 | items: 4 16 | } 17 | } 18 | 19 | $(document).ready(function(){ 20 | $nav = $(".nav"); 21 | $toggleCollapse= $(".toggle-collpase"); 22 | 23 | $toggleCollapse.click(function(){ 24 | $nav.toggleClass("collapse"); 25 | }) 26 | 27 | //owl crosuel 28 | 29 | $('.owl-carousel').owlCarousel({ 30 | loop:true, 31 | autoplay:true, 32 | autoplayTimeout:4000, 33 | dots:false, 34 | nav:true, 35 | responsive:responsive 36 | }); 37 | 38 | //click to scroll top 39 | 40 | $('.move-up span').click(function(){ 41 | $('html, body').animate({ 42 | scrollTop:0 43 | }, 1000); 44 | }) 45 | 46 | 47 | //annimation on scroll 48 | AOS.init( ); 49 | 50 | 51 | }); -------------------------------------------------------------------------------- /Blogging Website/js/owl.carousel.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.3.4 3 | * Copyright 2013-2018 David Deutsch 4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 5 | */ 6 | !function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1, 7 | animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push('
'+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹','›'],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("
").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a(' 28 | Tarun 29 |
30 | 31 | 32 | 40 |
41 | 42 |
43 |
44 |
45 |

Hi I'm Tarun

46 |

Front-End Developer

47 | 48 |
49 |
50 | 51 |
52 |
53 |
54 |
55 |

ABOUT Me

56 |
57 |
58 |
59 |
60 |
61 |
62 |

Hi there, I'm Tarun.

63 |

Iam a Computer engineering Graduate with excellent typing and programming skills. I have been 64 | working as a freelancer locally in my home town(Kerala, India) since the day i graduated from my 65 | college .

66 |

I love my work and enjoy each new project as I get it. Feel free to have a look at my portfolio 67 | and don't hesitate to contact me if you think I can be of service to you.

68 |

Thanks for stopping by!

69 |
70 |
71 |
72 |
74 | 70% - eCommerce 75 |
76 |
77 |
78 |
80 | 20% - React JS 81 |
82 |
83 |
84 |
86 | 60% - User interface 87 |
88 |
89 |
90 |
92 | 80% - Front-End 93 |
94 |
95 | 96 | 97 |
98 |
99 |
100 | 101 |
102 |
103 |
104 |
105 | "It's not at all important to get it right the first time. It's vitally important to get it right the 106 | last time" 107 |
108 |
109 | Book Me Now 110 |
111 |
112 |
113 | 115 |
116 |
117 | 118 |
119 |

My WORKS

120 |
121 | 122 |
123 |
124 |
125 |
126 | 127 | 128 |
    129 |
  • 130 |
    131 | 132 |
    Lorem ipsum dolor sit amet
    133 |
    134 | 137 |
    138 |
    139 |
    • 140 | 151 | 162 | 173 |
  • 174 |
    175 | 176 |
    Lorem ipsum dolor sit amet
    177 |
    178 | 181 |
    182 |
    183 |
    • 184 |
  • 185 |
    186 | 187 |
    Lorem ipsum dolor sit amet
    188 |
    189 | 192 |
    193 |
    194 |
    • 195 |
  • 196 |
    197 | 198 |
    Lorem ipsum dolor sit amet
    199 |
    200 | 203 |
    204 |
    205 |
    • 206 | 217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |

Get in Touch

225 |
226 | 227 |
228 |
229 |
230 |
Want to get in touch with me? just feel free to drop me a line anytime.
231 |
232 |
233 |
234 | 235 | 236 | 237 | 238 |
239 |
240 | 241 | 242 |
243 | 244 | 245 |
246 | 248 |
249 |
250 |
251 | 254 | 264 |
265 |
266 |
267 |
268 |
269 |
270 |

© 2023 Tarun

271 |
272 |
273 |

Developed by Tarun

274 |
275 |
276 |
277 |
278 |
279 | 280 | 281 | 282 | 283 | 284 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | -------------------------------------------------------------------------------- /Personal Portfolio/script.js: -------------------------------------------------------------------------------- 1 | function main() { 2 | 3 | (function () { 4 | 'use strict'; 5 | /* ============================================== 6 | Page Scrolling 7 | =============================================== */ 8 | 9 | $('a.scroll-nav').click(function() { 10 | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 11 | var target = $(this.hash); 12 | target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 13 | if (target.length) { 14 | $('html,body').animate({ 15 | scrollTop: target.offset().top - 40 16 | }, 900); 17 | return false; 18 | } 19 | } 20 | }); 21 | 22 | /*==================================== 23 | Show Menu on Book 24 | ======================================*/ 25 | $(window).bind('scroll', function() { 26 | var navHeight = $(window).height() - 100; 27 | if ($(window).scrollTop() > navHeight) { 28 | $('.navbar-default').addClass('on'); 29 | } else { 30 | $('.navbar-default').removeClass('on'); 31 | } 32 | }); 33 | /* ============================================== 34 | Scroll Spy 35 | =============================================== */ 36 | $('body').scrollspy({ 37 | target: '.navbar-default', 38 | offset: 80 39 | }) 40 | 41 | }()); 42 | } 43 | main(); 44 | -------------------------------------------------------------------------------- /Personal Portfolio/style.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic); 2 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400); 3 | body, html{ 4 | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 5 | text-rendering: optimizeLegibility !important; 6 | -webkit-font-smoothing: antialiased !important; 7 | color: #fff; 8 | overflow-x: hidden; 9 | background: #2F3238; 10 | } 11 | h1{ 12 | text-transform: none; 13 | } 14 | h1 strong{ 15 | font-weight: 800; 16 | } 17 | h2{ 18 | text-transform: none; 19 | line-height: 20px; 20 | margin: 0; 21 | color:#fff; 22 | } 23 | h3{ 24 | font-size: 18px; 25 | font-weight: 900; 26 | } 27 | h4{ 28 | text-transform: none; 29 | } 30 | h5{ 31 | text-transform: none; 32 | font-weight: 700; 33 | line-height: 20px; 34 | } 35 | p{ 36 | font-family: 'Open Sans', sans-serif; 37 | } 38 | p.lead{ 39 | font-size: 16px; 40 | margin: 12px 0 0; 41 | line-height: 24px; 42 | font-family: 'Open Sans', sans-serif; 43 | } 44 | a{ color: #DE5E60;} 45 | a:hover, 46 | a:focus{ 47 | text-decoration: none; 48 | color: #DE5E60; 49 | } 50 | ul, ol{ 51 | padding: 0; 52 | webkit-padding: 0; 53 | moz-padding: 0; 54 | } 55 | .gap { 56 | margin-bottom: 50px; 57 | } 58 | .section-title.center{ 59 | padding: 30px 0; 60 | } 61 | .section-title h2, 62 | .section-title.center h2{ 63 | font-weight: 300; 64 | } 65 | .section-title.center .line{ 66 | border-top: 4px solid #DE5E60; 67 | height: 10px; 68 | width: 80px; 69 | text-align: center; 70 | margin: 0 auto; 71 | margin-top: 20px; 72 | } 73 | .section-title.center .line:hover 74 | { 75 | -moz-transition: all 0.5s ease-in-out; 76 | -o-transition: all 0.5s ease-in-out; 77 | -webkit-transition: all 0.5s ease-in-out; 78 | -ms-transition: all 0.5s ease-in-out; 79 | transition: all 0.5s ease-in-out; 80 | width: 15%; 81 | } 82 | #art-menu { 83 | padding: 20px; 84 | transition: all 0.8s; 85 | } 86 | #art-menu.navbar-default { 87 | background-color: rgba(248, 248, 248, 0); 88 | border-color: rgba(231, 231, 231, 0); 89 | } 90 | #art-menu a.navbar-brand { 91 | text-transform: uppercase; 92 | font-size: 22px; 93 | color: #fff; 94 | font-weight: 900; 95 | } 96 | #art-menu a.navbar-brand:hover{ 97 | color: #DE5E60; 98 | } 99 | #art-menu.navbar-default .navbar-nav > li > a { 100 | text-transform: uppercase; 101 | color: #FFF; 102 | font-size: 12px; 103 | letter-spacing: 1px; 104 | } 105 | .on { 106 | background-color: #26292E !important; 107 | padding: 0 !important; 108 | } 109 | .navbar-default .navbar-nav > .active > a, 110 | .navbar-default .navbar-nav > .active > a:hover, 111 | .navbar-default .navbar-nav > .active > a:focus { 112 | color: #DE5E60 !important; 113 | background-color: transparent; 114 | font-weight: 700; 115 | } 116 | 117 | .navbar-toggle { 118 | border-radius: 0; 119 | } 120 | .navbar-default .navbar-toggle:hover, 121 | .navbar-default .navbar-toggle:focus { 122 | background-color: #DE5E60; 123 | border-color: #DE5E60; 124 | } 125 | .navbar-default .navbar-toggle:hover>.icon-bar { 126 | background-color: #FFF; 127 | } 128 | .navbar-default .navbar-toggle .icon-bar { 129 | background-color: #fff; 130 | } 131 | @media (max-width: 603px){ 132 | #art-menu.navbar-default { 133 | background-color: rgba(0, 0, 0, 0.79); 134 | } 135 | } 136 | #home{ 137 | background: url(https://images.unsplash.com/photo-1461988625982-7e46a099bf4f?dpr=1&auto=format&fit=crop&w=767&h=511&q=80&cs=tinysrgb&crop=); 138 | background-size: cover; 139 | background-position: center; 140 | background-attachment: fixed; 141 | background-repeat: no-repeat; 142 | color: #cfcfcf; 143 | 144 | } 145 | .content{ 146 | position:relative; 147 | padding: 20% 0 0; 148 | } 149 | 150 | #home .layer{ 151 | height: 750px; 152 | background-attachment: fixed; 153 | background: rgba(7, 2, 4, 0.77); 154 | } 155 | 156 | #home p.lead{ 157 | color: #fff; 158 | } 159 | .white-bg { 160 | background: #ffffff; 161 | padding: 120px 0; 162 | display: block; 163 | } 164 | /* About Section 165 | ==============================*/ 166 | #about{ 167 | padding: 80px 0; 168 | 169 | } 170 | .about 171 | { 172 | padding-top: 1%; 173 | padding-bottom: 4%; 174 | } 175 | .progress 176 | { 177 | height:30px; 178 | } 179 | #features { 180 | text-align: center; 181 | padding: 1%; 182 | } 183 | #features i { 184 | font-size: 48px; 185 | } 186 | #features h3 { 187 | margin-top: 15px; 188 | font-size: 18px; 189 | margin-bottom: 7px; 190 | } 191 | #features .slider-layer { 192 | opacity: 0.8; 193 | } 194 | #about p 195 | { 196 | margin-top: 0; 197 | margin-bottom: 1.6em; 198 | } 199 | .joinjour { 200 | width:100%; 201 | margin-bottom:20px; 202 | 203 | } 204 | .joinjour a { 205 | background: #DE5E60; 206 | color: #FFFFFF; 207 | width:140px; 208 | margin:0 auto; 209 | height:40px; 210 | } 211 | .joinjour a:hover { 212 | -webkit-box-shadow: 0 0 8px #333; 213 | -moz-box-shadow: 0 0 8px #333; 214 | box-shadow: 0 0 8px #333; 215 | color: #FFFFFF; 216 | background: #26292E; 217 | border:none; 218 | 219 | } 220 | 221 | /* Contact Section 222 | ==============================*/ 223 | #contact { 224 | padding-top: 45px; 225 | padding-bottom: 0; 226 | padding: 90px 0; 227 | 228 | } 229 | #contact ::selection { 230 | color:#7F8289; 231 | border: 1px solid #26292E; 232 | 233 | } 234 | #contact ::-moz-selection { /* For Firefox */ 235 | color:#7F8289; 236 | border: 1px solid #26292E; 237 | 238 | } 239 | #contact #contact-form { 240 | max-width:650px; 241 | margin:70px auto; 242 | float:none; 243 | } 244 | #contact #contact-form input[type="text"], #contact #contact-form textarea { 245 | color:#7F8289; 246 | font-size: 12px; 247 | padding: 15px 0; 248 | width: 100%; 249 | padding-left:10px; 250 | background:#26292E; 251 | margin-bottom:20px; 252 | border:0; 253 | border:1px solid #26292E; 254 | position:relative; 255 | } 256 | #contact #contact-form input[type="submit"] { 257 | float:none; 258 | margin:20px auto; 259 | } 260 | #contact .error_message { 261 | color:red; 262 | } 263 | #contact-form { 264 | text-align:center!important; 265 | max-width:600px; 266 | float:left; 267 | } 268 | #contact-form input[type="text"], #contact-form textarea { 269 | color: #7F8289; 270 | font-size: 12px; 271 | padding: 15px 0; 272 | width: 100%; 273 | padding-left:10px; 274 | background:none; 275 | background:rgba(255,255,255,0.2); 276 | margin-bottom:20px; 277 | position:relative; 278 | border:1px solid #26292E 279 | } 280 | #contact-form input[type=text]:focus, #contact-form textarea:focus, input[type=email]:focus { 281 | color:#fff; 282 | outline:none; 283 | 284 | } 285 | #contact-form textarea { 286 | height:170px; 287 | resize:none; 288 | } 289 | .address 290 | { 291 | display: block; 292 | color: #7F8289; 293 | } 294 | #contact-form input[type="submit"] , .controls button { 295 | background:none; 296 | border:none; 297 | border-radius: 0; 298 | padding:14px 20px; 299 | line-height:14px; 300 | cursor:pointer; 301 | font-size:13px; 302 | color:#fff; 303 | -webkit-appearance: none; 304 | float:right; 305 | background:#26292E; 306 | } 307 | #contact-form input[type="submit"]:hover , .controls button { 308 | background:#DE5E60; 309 | } 310 | .error_message { 311 | text-align:center; 312 | margin-bottom:30px; 313 | font-size:15px; 314 | color:#fff; 315 | } 316 | #success_page h3{ 317 | text-align:center; 318 | font-size:18px; 319 | } 320 | #success_page p { 321 | color:#fff; 322 | margin-top:20px; 323 | text-align:center; 324 | } 325 | #message fieldset { 326 | border:none; 327 | color:#fff; 328 | } 329 | #contact p , #contact #success_page p { 330 | color:#666; 331 | text-align:center; 332 | } 333 | #contact #message fieldset { 334 | color:#fff; 335 | } 336 | /* Portfolio Section 337 | ==============================*/ 338 | #portfolio{ 339 | padding: 80px 0; 340 | } 341 | .view 342 | { 343 | border-radius: 0; 344 | padding: 12px 18px; 345 | text-transform: uppercase; 346 | font-weight: 900; 347 | letter-spacing: 1px; 348 | color: white; 349 | border: 1px solid white; 350 | background: transparent; 351 | -webkit-transition: all 0.5s; 352 | -moz-transition: all 0.5s; 353 | transition: all 0.5s; 354 | border-radius: 0 !important; 355 | -webkit-transition: all 0.5s; 356 | -moz-transition: all 0.5s; 357 | transition: all 0.5s; 358 | color:#fff; 359 | } 360 | .view:hover 361 | { 362 | background:#DE5E60; 363 | color:#fff; 364 | border: 1px solid #DE5E60; 365 | } 366 | #recent-works { 367 | padding: 90px 0; 368 | } 369 | #recent-works .item-inner { 370 | position: relative; 371 | margin: 0; 372 | } 373 | .portfolio-items, 374 | .portfolio-filter { 375 | list-style: none; 376 | padding: 0; 377 | margin: 0 -20px 20px 0; 378 | color:#fff; 379 | } 380 | .portfolio-filter > li { 381 | display: inline-block; 382 | } 383 | .portfolio-filter .btn-default { 384 | color: #fff; 385 | background-color:#26292E ; 386 | border-color: #26292E; 387 | } 388 | .portfolio-filter .active { 389 | color: #fff; 390 | background-color:#DE5E60 ; 391 | border-color: #DE5E60; 392 | } 393 | 394 | .portfolio-items > li { 395 | float: left; 396 | padding: 0; 397 | -webkit-box-sizing: border-box; 398 | -moz-box-sizing: border-box; 399 | box-sizing: border-box; 400 | } 401 | .portfolio-items.col-2 > li { 402 | width: 50%; 403 | } 404 | .portfolio-items.col-3 > li { 405 | width: 33%; 406 | } 407 | .portfolio-items.col-4 > li { 408 | width: 25%; 409 | } 410 | .portfolio-items.col-5 > li { 411 | width: 20%; 412 | } 413 | .portfolio-items.col-6 > li { 414 | width: 16%; 415 | } 416 | .portfolio-item { 417 | padding: 0; 418 | margin: 0; 419 | } 420 | .portfolio-item .item-inner { 421 | background: #26292E; 422 | padding: 5px 5px 0; 423 | margin: 0 10px 10px 0; 424 | position: relative; 425 | } 426 | .portfolio-item img { 427 | width: 100%; 428 | } 429 | .portfolio-item h5 { 430 | background-color: #26292E ; 431 | margin: 0; 432 | padding: 10px 0; 433 | font-weight: 700; 434 | font-size: 14px; 435 | color: #fff; 436 | white-space: nowrap; 437 | text-overflow: ellipsis; 438 | overflow: hidden; 439 | } 440 | .portfolio-item .layer { 441 | position: absolute; 442 | top: 0; 443 | left: 0; 444 | width: 100%; 445 | height: 100%; 446 | opacity: 0; 447 | background: rgba(7, 2, 4, 0.77); 448 | text-align: center; 449 | vertical-align: middle; 450 | -webkit-transition: opacity 300ms; 451 | -moz-transition: opacity 300ms; 452 | -o-transition: opacity 300ms; 453 | transition: opacity 300ms; 454 | } 455 | .portfolio-item .layer .preview { 456 | position: relative; 457 | top: 50%; 458 | display: inline-block; 459 | margin-top: -20px; 460 | } 461 | .portfolio-item:hover .layer { 462 | opacity: 1; 463 | } 464 | blockquote { 465 | padding: 10px 20px; 466 | margin: 0 0 20px; 467 | font-size: 17.5px; 468 | border:none; 469 | } 470 | a.fa.fa-angle-down { 471 | padding: 10px 15px; 472 | color: #fff; 473 | border: 2px solid #fff; 474 | border-radius: 50%; 475 | font-size: 24px; 476 | margin-top: 200px; 477 | transition: all 0.5s; 478 | } 479 | a.fa.fa-angle-down:hover{ 480 | color: #DE5E60; 481 | border: 2px solid #DE5E60; 482 | } 483 | .fa { 484 | display: inline-block; 485 | font: normal normal normal 14px/1 FontAwesome; 486 | font-size: inherit; 487 | text-rendering: auto; 488 | -webkit-font-smoothing: antialiased; 489 | -moz-osx-font-smoothing: grayscale; 490 | transform: translate(0, 0); 491 | } 492 | /* Footer Section 493 | ==============================*/ 494 | 495 | #footer { 496 | color:#fff; 497 | background:#26292E ; 498 | } 499 | .footer-top { 500 | position: relative; 501 | padding:30px 0 502 | } 503 | 504 | #footer .footer-bottom { 505 | background-color: #26292E; 506 | padding: 20px 0 10px; 507 | } 508 | 509 | #footer .footer-bottom a:hover { 510 | text-decoration: underline; 511 | } 512 | 513 | .footer-logo { 514 | display: inline-block; 515 | margin-bottom: 5px; 516 | } 517 | 518 | #footer .social-icons { 519 | margin-top: 15px; 520 | } 521 | 522 | #footer .social-icons ul { 523 | list-style: none; 524 | padding: 0; 525 | margin: 0; 526 | display: inline-block; 527 | } 528 | .footer-logo a{ 529 | color:#FFFFFF; 530 | font-weight:700; 531 | font-size: 16px; 532 | } 533 | #footer .social-icons ul li a { 534 | background-color: rgba(0,0,0,.2); 535 | border-radius: 50%; 536 | line-height: 33px; 537 | } 538 | 539 | .social-icons ul li { 540 | float: left; 541 | margin-right: 8px; 542 | } 543 | .social-icons ul li a { 544 | color: #fff; 545 | background-color: #d9d9d9; 546 | height: 36px; 547 | width: 36px; 548 | line-height: 36px; 549 | display: block; 550 | font-size: 16px; 551 | opacity: 0.8; 552 | } 553 | .social-icons .icon-sm:hover { 554 | border-radius: 10px; 555 | background-color: #DE5E60; 556 | } 557 | .icon-lg { 558 | font-size: 48px; 559 | height: 108px; 560 | width: 108px; 561 | line-height: 108px; 562 | color: #fff; 563 | margin: 10px; 564 | background-color: rgba(0, 0, 0, 0.4); 565 | text-align: center; 566 | display: inline-block !important; 567 | border-radius: 100%; 568 | } 569 | .icon-md { 570 | font-size: 36px; 571 | height: 68px; 572 | width: 68px; 573 | line-height: 68px; 574 | color: #fff; 575 | margin-right: 10px; 576 | background-color: rgba(0, 0, 0, 0.4); 577 | text-align: center; 578 | display: block; 579 | border-radius: 50%; 580 | -webkit-transition: 500ms; 581 | -moz-transition: 500ms; 582 | -o-transition: 500ms; 583 | transition: 500ms; 584 | } 585 | .icon-sm { 586 | font-size: 24px; 587 | height: 34px; 588 | width: 34px; 589 | line-height: 34px; 590 | color: #fff; 591 | margin-right: 10px; 592 | background-color: rgba(0, 0, 0, 0.4); 593 | text-align: center; 594 | display: block; 595 | border-radius: 50%; 596 | -webkit-transition: 500ms; 597 | -moz-transition: 500ms; 598 | -o-transition: 500ms; 599 | transition: 500ms; 600 | } 601 | -------------------------------------------------------------------------------- /Tic-Tac-Toe Game/README.md: -------------------------------------------------------------------------------- 1 | ![579](https://github.com/skygitIG/Projects/assets/117715724/e0193bbf-e695-41df-831c-977fdc10ec4b) 2 | ![580](https://github.com/skygitIG/Projects/assets/117715724/d2f82965-fbf2-41fa-8ca4-59beddb522f8) 3 | -------------------------------------------------------------------------------- /Tic-Tac-Toe Game/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | SKY.GIT - Tic-Tac-Toe Game 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Tic-Tac-Toe Game/script.js: -------------------------------------------------------------------------------- 1 | import React from "https://cdn.skypack.dev/react@17.0.1"; 2 | import ReactDOM from "https://cdn.skypack.dev/react-dom@17.0.1"; 3 | import { createMachine, assign, send } from "https://cdn.skypack.dev/xstate"; 4 | 5 | // @xstate/react 6 | 7 | function range(start, end) { 8 | return Array(end - start). 9 | fill(null). 10 | map((_, i) => i + start); 11 | } 12 | 13 | const winningLines = [ 14 | [0, 1, 2], 15 | [3, 4, 5], 16 | [6, 7, 8], 17 | [0, 3, 6], 18 | [1, 4, 7], 19 | [2, 5, 8], 20 | [0, 4, 8], 21 | [2, 4, 6]]; 22 | 23 | 24 | function checkWin(board) { 25 | for (let line of winningLines) { 26 | const xWon = line.every(index => { 27 | return board[index] === "x"; 28 | }); 29 | 30 | if (xWon) { 31 | return ["x", line]; 32 | } 33 | 34 | const oWon = line.every(index => { 35 | return board[index] === "o"; 36 | }); 37 | 38 | if (oWon) { 39 | return ["o", line]; 40 | } 41 | } 42 | 43 | return false; 44 | } 45 | 46 | const initialContext = { 47 | board: Array(9).fill(null), 48 | player: "x", // or 'o' 49 | winner: null, 50 | winningLine: null, 51 | moves: 0 52 | }; 53 | 54 | 55 | const gameMachine = createMachine({ 56 | initial: "playing", 57 | context: initialContext, 58 | states: { 59 | playing: { 60 | always: [ 61 | { 62 | target: "winner", 63 | cond: ctx => !!checkWin(ctx.board), 64 | actions: assign({ 65 | winner: ctx => checkWin(ctx.board)[0], 66 | winningLine: ctx => checkWin(ctx.board)[1] 67 | }) 68 | }, 69 | 70 | 71 | { 72 | target: "draw", 73 | cond: ctx => ctx.board.every(item => item) 74 | }], 75 | 76 | 77 | on: { 78 | PLAY: { 79 | target: "playing", 80 | actions: assign({ 81 | board: (ctx, e) => { 82 | const updatedBoard = [...ctx.board]; 83 | updatedBoard[e.value] = ctx.player; 84 | return updatedBoard; 85 | }, 86 | player: ctx => ctx.player === "x" ? "o" : "x", 87 | moves: ctx => ctx.moves + 1 88 | }), 89 | 90 | cond: (ctx, e) => ctx.board[e.value] === null 91 | }, 92 | 93 | RESET: undefined 94 | } 95 | }, 96 | 97 | 98 | winner: {}, 99 | draw: {} 100 | }, 101 | 102 | on: { 103 | RESET: { 104 | target: ".playing", 105 | actions: assign(initialContext) 106 | } 107 | } 108 | }); 109 | 110 | 111 | 112 | 113 | function App() { 114 | const [state, send] = React.useReducer( 115 | gameMachine.transition, 116 | gameMachine.initialState); 117 | 118 | 119 | const { winningLine } = state.context; 120 | 121 | return /*#__PURE__*/( 122 | React.createElement("main", null, /*#__PURE__*/ 123 | React.createElement("div", null, /*#__PURE__*/ 124 | React.createElement("header", null, /*#__PURE__*/ 125 | React.createElement("h1", null, "Tic Tac Toe")), 126 | 127 | !state.matches("playing") && /*#__PURE__*/ 128 | React.createElement("button", { className: "reset", onClick: () => send("RESET") }, "Reset"), /*#__PURE__*/ 129 | 130 | 131 | 132 | React.createElement("div", { className: "game-board", "data-state": state.value }, 133 | range(0, 9).map(index => { 134 | return /*#__PURE__*/( 135 | React.createElement("div", { 136 | className: "tile", 137 | key: index, 138 | onClick: () => send({ type: "PLAY", value: index }), 139 | "data-player": state.context.board[index], 140 | "data-winning": (winningLine === null || winningLine === void 0 ? void 0 : winningLine.includes(index)) || undefined 141 | }, 142 | 143 | state.context.board[index])); 144 | 145 | 146 | }), 147 | range(0, 4).map(index => { 148 | return /*#__PURE__*/React.createElement("div", { className: "line", key: index, "data-line": index }); 149 | }))))); 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | } 164 | 165 | ReactDOM.render( /*#__PURE__*/React.createElement(App, null), document.querySelector("#app")); 166 | -------------------------------------------------------------------------------- /Tic-Tac-Toe Game/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Roboto:wght@500&display=swap"); 2 | 3 | * { 4 | position: relative; 5 | box-sizing: border-box; 6 | } 7 | 8 | :root { 9 | --background: #000000; 10 | --background-shadow: #6f5947; 11 | --line: #000000; 12 | } 13 | 14 | html { 15 | background-color: var(--background); 16 | font-family: "Roboto", sans-serif; 17 | font-weight: 500; 18 | height: 100%; 19 | } 20 | 21 | h1 { 22 | font-family: "Comfortaa", cursive; 23 | color: #86ea30; 24 | } 25 | 26 | body { 27 | display: grid; 28 | place-items: center; 29 | min-height: 100%; 30 | } 31 | 32 | main { 33 | display: flex; 34 | flex-direction: row; 35 | justify-content: center; 36 | align-items: center; 37 | gap: 2rem; 38 | } 39 | 40 | main h1 { 41 | text-align: center; 42 | } 43 | 44 | .game-board { 45 | display: grid; 46 | --line-size: 1vmin; 47 | grid-template-rows: 1fr var(--line-size) 1fr var(--line-size) 1fr; 48 | grid-template-columns: 1fr var(--line-size) 1fr var(--line-size) 1fr; 49 | padding: 3vmin; 50 | border-radius: 1.5vmin; 51 | width: 50vmin; 52 | height: 50vmin; 53 | background-color: #3dbd88c2; 54 | } 55 | 56 | .game-board .tile { 57 | display: grid; 58 | place-items: center; 59 | font-size: 12vmin; 60 | line-height: 1; 61 | color: transparent; 62 | -webkit-user-select: none; 63 | -moz-user-select: none; 64 | -ms-user-select: none; 65 | user-select: none; 66 | transition: 0.15s linear; 67 | transition-property: opacity, background-color; 68 | } 69 | 70 | .game-board .tile::before, 71 | .game-board .tile::after { 72 | content: attr(data-player); 73 | position: absolute; 74 | top: 0; 75 | left: 0; 76 | width: 100%; 77 | height: 100%; 78 | display: grid; 79 | place-items: center; 80 | -webkit-animation-duration: 0.6s; 81 | animation-duration: 0.6s; 82 | -webkit-animation-timing-function: ease-out; 83 | animation-timing-function: ease-out; 84 | transform-style: preserve-3d; 85 | } 86 | 87 | .game-board .tile::before { 88 | text-shadow: 0 0 0.1em var(--background-shadow); 89 | } 90 | 91 | .game-board .tile[data-player]::before { 92 | -webkit-animation-name: shadow-in; 93 | animation-name: shadow-in; 94 | } 95 | 96 | @-webkit-keyframes shadow-in { 97 | from { 98 | opacity: 0; 99 | transform: scale(0); 100 | } 101 | } 102 | 103 | @keyframes shadow-in { 104 | from { 105 | opacity: 0; 106 | transform: scale(0); 107 | } 108 | } 109 | 110 | .game-board .tile[data-player]::after { 111 | color: black; 112 | text-shadow: 0 0 0.1em var(--background-shadow); 113 | -webkit-animation-name: tile-in; 114 | animation-name: tile-in; 115 | transform: translateZ(3px) scale(1); 116 | } 117 | 118 | @-webkit-keyframes tile-in { 119 | from { 120 | opacity: 0; 121 | transform: translateZ(80px) scale(1.25); 122 | } 123 | } 124 | 125 | @keyframes tile-in { 126 | from { 127 | opacity: 0; 128 | transform: translateZ(80px) scale(1.25); 129 | } 130 | } 131 | 132 | .game-board .tile[data-player=o]::after { 133 | color: white; 134 | } 135 | 136 | .game-board .line { 137 | width: 100%; 138 | height: 100%; 139 | background: var(--line); 140 | border-radius: var(--line-size); 141 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5); 142 | transform: translateZ(1px); 143 | transition: background-color 0.3s linear; 144 | } 145 | 146 | .game-board .line[data-line="0"] { 147 | grid-column: 2; 148 | grid-row: 1/-1; 149 | } 150 | 151 | .game-board .line[data-line="1"] { 152 | grid-column: 4; 153 | grid-row: 1/-1; 154 | } 155 | 156 | .game-board .line[data-line="2"] { 157 | grid-column: 1/-1; 158 | grid-row: 2; 159 | } 160 | 161 | .game-board .line[data-line="3"] { 162 | grid-column: 1/-1; 163 | grid-row: 4; 164 | } 165 | 166 | .game-board[data-state=playing] .tile:not([data-player]) { 167 | cursor: pointer; 168 | } 169 | 170 | .game-board[data-state=playing] .tile:not([data-player]):hover, 171 | .game-board[data-state=playing] .tile:not([data-player]):focus { 172 | background: #fff6; 173 | } 174 | 175 | .game-board[data-state=draw] { 176 | --line: #d9422c; 177 | } 178 | 179 | .game-board[data-state=winner] { 180 | --line: #86ea30; 181 | } 182 | 183 | .game-board[data-state=winner] .tile { 184 | opacity: 0.2; 185 | } 186 | 187 | .game-board[data-state=winner] .tile[data-winning=true] { 188 | opacity: 1; 189 | } 190 | 191 | pre { 192 | font-weight: bold; 193 | } 194 | 195 | .reset { 196 | -webkit-appearance: none; 197 | -moz-appearance: none; 198 | appearance: none; 199 | font-size: 1.5rem; 200 | border: solid 0.2rem; 201 | border-radius: 0.5rem; 202 | color: var(--background-shadow); 203 | background: var(--background); 204 | padding: 0.5rem 2rem; 205 | text-transform: uppercase; 206 | margin-top: 2rem; 207 | position: absolute; 208 | top: 100%; 209 | left: 50%; 210 | transform: translate(-50%, -50%); 211 | cursor: pointer; 212 | z-index: 100; 213 | } 214 | -------------------------------------------------------------------------------- /To-Do List/README.md: -------------------------------------------------------------------------------- 1 | ![Screenshot (273)](https://github.com/skygitIG/Projects/assets/117715724/f2ba1688-ce4b-4655-b4bc-ee61aa6d7155) 2 | -------------------------------------------------------------------------------- /To-Do List/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Todo List 8 | 9 | 10 |

todos

11 |
12 | 13 | 14 |
    15 |
    16 | Left click to toggle completed.
    Right click to delete todo     17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /To-Do List/script.js: -------------------------------------------------------------------------------- 1 | const form = document.getElementById('form') 2 | const input = document.getElementById('input') 3 | const todosUL = document.getElementById('todos') 4 | 5 | const todos = JSON.parse(localStorage.getItem('todos')) 6 | 7 | if (todos) { 8 | todos.forEach(todo => addTodo(todo)) 9 | } 10 | 11 | form.addEventListener('submit', (e) => { 12 | e.preventDefault() 13 | 14 | addTodo() 15 | }) 16 | 17 | function addTodo(todo) { 18 | let todoText = input.value 19 | 20 | if (todo) { 21 | todoText = todo.text 22 | } 23 | 24 | if (todoText) { 25 | const todoEl = document.createElement('li') 26 | if (todo && todo.completed) { 27 | todoEl.classList.add('completed') 28 | } 29 | 30 | todoEl.innerText = todoText 31 | 32 | todoEl.addEventListener('click', () => { 33 | todoEl.classList.toggle('completed') 34 | updateLS() 35 | }) 36 | 37 | todoEl.addEventListener('contextmenu', (e) => { 38 | e.preventDefault() 39 | 40 | todoEl.remove() 41 | updateLS() 42 | }) 43 | 44 | todosUL.appendChild(todoEl) 45 | 46 | input.value = '' 47 | 48 | updateLS() 49 | } 50 | } 51 | 52 | function updateLS() { 53 | todosEl = document.querySelectorAll('li') 54 | 55 | const todos = [] 56 | 57 | todosEl.forEach(todoEl => { 58 | todos.push({ 59 | text: todoEl.innerText, 60 | completed: todoEl.classList.contains('completed') 61 | }) 62 | }) 63 | 64 | localStorage.setItem('todos', JSON.stringify(todos)) 65 | } 66 | -------------------------------------------------------------------------------- /To-Do List/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap'); 2 | 3 | * { 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | background-color: #f5f5f5; 9 | color: #444; 10 | font-family: 'Poppins', sans-serif; 11 | display: flex; 12 | flex-direction: column; 13 | align-items: center; 14 | justify-content: center; 15 | height: 100vh; 16 | margin: 0; 17 | } 18 | 19 | h1 { 20 | color: rgb(179, 131, 226); 21 | font-size: 10rem; 22 | text-align: center; 23 | opacity: 0.4; 24 | } 25 | 26 | form { 27 | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 28 | max-width: 100%; 29 | width: 400px; 30 | } 31 | 32 | .input { 33 | border: none; 34 | color: #444; 35 | font-size: 2rem; 36 | padding: 1rem 2rem; 37 | display: block; 38 | width: 100%; 39 | } 40 | 41 | .input::placeholder { 42 | color: #d5d5d5; 43 | } 44 | 45 | .input:focus { 46 | outline-color: rgb(179, 131, 226); 47 | } 48 | 49 | .todos { 50 | background-color: #fff; 51 | padding: 0; 52 | margin: 0; 53 | list-style-type: none; 54 | } 55 | 56 | .todos li { 57 | border-top: 1px solid #e5e5e5; 58 | cursor: pointer; 59 | font-size: 1.5rem; 60 | padding: 1rem 2rem; 61 | } 62 | 63 | .todos li.completed { 64 | color: #b6b6b6; 65 | text-decoration: line-through; 66 | } 67 | 68 | small { 69 | color: #535353; 70 | margin-top: 3rem; 71 | text-align: center; 72 | } 73 | --------------------------------------------------------------------------------