├── .gitattributes ├── Animated button ├── index.html └── style.css ├── README.md ├── Search Bar ├── index.html └── style.css ├── Sidebar Menu ├── index.html └── style.css ├── animated loader ├── README.md ├── index.html └── style.css ├── buttons ├── index.html └── style.css ├── drop down menu ├── index.html └── style.css ├── flip card ├── README.md ├── img.jpg ├── index.html └── style.css ├── footer ├── README.md ├── index.html └── style.css ├── grid layout ├── README.md ├── index.html ├── style.css └── stylestyle.css ├── horizontal scroll with gsap ├── dist │ ├── css │ │ ├── style.css │ │ └── style.css.map │ ├── js │ │ └── script.js │ └── scss │ │ └── style.scss ├── index.html └── style.css ├── image carousel ├── img │ ├── img-1.jpg │ ├── img-2.jpg │ └── img-3.jpg ├── index.html └── style.css ├── loader ├── index.html └── style.css ├── login-signup form ├── index.html └── style.css ├── modal-popup ├── README.md ├── index.html └── style.css ├── modern gallery scroll anim ├── README.md ├── css │ ├── style.css │ └── style.css.map ├── index.html ├── script │ └── index.js └── scss │ └── style.scss ├── pricing cards ├── index.html └── style.css ├── product card ├── image.png ├── index.html └── style.css ├── profile card ├── index.html ├── profile-pic.png └── style.css ├── responsive navbar ├── README.md ├── index.html └── style.css ├── social media icons ├── README.md ├── index.html └── style.css ├── subcription form ├── index.html └── style.css ├── survey form ├── README.md ├── index.html └── style.css └── text animation ├── index.html └── style.css /.gitattributes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/.gitattributes -------------------------------------------------------------------------------- /Animated button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/Animated button/index.html -------------------------------------------------------------------------------- /Animated button/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/Animated button/style.css -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/README.md -------------------------------------------------------------------------------- /Search Bar/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/Search Bar/index.html -------------------------------------------------------------------------------- /Search Bar/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/Search Bar/style.css -------------------------------------------------------------------------------- /Sidebar Menu/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/Sidebar Menu/index.html -------------------------------------------------------------------------------- /Sidebar Menu/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/Sidebar Menu/style.css -------------------------------------------------------------------------------- /animated loader/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/animated loader/README.md -------------------------------------------------------------------------------- /animated loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/animated loader/index.html -------------------------------------------------------------------------------- /animated loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/animated loader/style.css -------------------------------------------------------------------------------- /buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/buttons/index.html -------------------------------------------------------------------------------- /buttons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/buttons/style.css -------------------------------------------------------------------------------- /drop down menu/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/drop down menu/index.html -------------------------------------------------------------------------------- /drop down menu/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/drop down menu/style.css -------------------------------------------------------------------------------- /flip card/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/flip card/README.md -------------------------------------------------------------------------------- /flip card/img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/flip card/img.jpg -------------------------------------------------------------------------------- /flip card/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/flip card/index.html -------------------------------------------------------------------------------- /flip card/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/flip card/style.css -------------------------------------------------------------------------------- /footer/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/footer/README.md -------------------------------------------------------------------------------- /footer/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/footer/index.html -------------------------------------------------------------------------------- /footer/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/footer/style.css -------------------------------------------------------------------------------- /grid layout/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /grid layout/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/grid layout/index.html -------------------------------------------------------------------------------- /grid layout/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/grid layout/style.css -------------------------------------------------------------------------------- /grid layout/stylestyle.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /horizontal scroll with gsap/dist/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/horizontal scroll with gsap/dist/css/style.css -------------------------------------------------------------------------------- /horizontal scroll with gsap/dist/css/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/horizontal scroll with gsap/dist/css/style.css.map -------------------------------------------------------------------------------- /horizontal scroll with gsap/dist/js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/horizontal scroll with gsap/dist/js/script.js -------------------------------------------------------------------------------- /horizontal scroll with gsap/dist/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/horizontal scroll with gsap/dist/scss/style.scss -------------------------------------------------------------------------------- /horizontal scroll with gsap/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/horizontal scroll with gsap/index.html -------------------------------------------------------------------------------- /horizontal scroll with gsap/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/horizontal scroll with gsap/style.css -------------------------------------------------------------------------------- /image carousel/img/img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/image carousel/img/img-1.jpg -------------------------------------------------------------------------------- /image carousel/img/img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/image carousel/img/img-2.jpg -------------------------------------------------------------------------------- /image carousel/img/img-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/image carousel/img/img-3.jpg -------------------------------------------------------------------------------- /image carousel/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/image carousel/index.html -------------------------------------------------------------------------------- /image carousel/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/image carousel/style.css -------------------------------------------------------------------------------- /loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/loader/index.html -------------------------------------------------------------------------------- /loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/loader/style.css -------------------------------------------------------------------------------- /login-signup form/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/login-signup form/index.html -------------------------------------------------------------------------------- /login-signup form/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/login-signup form/style.css -------------------------------------------------------------------------------- /modal-popup/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modal-popup/README.md -------------------------------------------------------------------------------- /modal-popup/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modal-popup/index.html -------------------------------------------------------------------------------- /modal-popup/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modal-popup/style.css -------------------------------------------------------------------------------- /modern gallery scroll anim/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /modern gallery scroll anim/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modern gallery scroll anim/css/style.css -------------------------------------------------------------------------------- /modern gallery scroll anim/css/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modern gallery scroll anim/css/style.css.map -------------------------------------------------------------------------------- /modern gallery scroll anim/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modern gallery scroll anim/index.html -------------------------------------------------------------------------------- /modern gallery scroll anim/script/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modern gallery scroll anim/script/index.js -------------------------------------------------------------------------------- /modern gallery scroll anim/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/modern gallery scroll anim/scss/style.scss -------------------------------------------------------------------------------- /pricing cards/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/pricing cards/index.html -------------------------------------------------------------------------------- /pricing cards/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/pricing cards/style.css -------------------------------------------------------------------------------- /product card/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/product card/image.png -------------------------------------------------------------------------------- /product card/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/product card/index.html -------------------------------------------------------------------------------- /product card/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/product card/style.css -------------------------------------------------------------------------------- /profile card/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/profile card/index.html -------------------------------------------------------------------------------- /profile card/profile-pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/profile card/profile-pic.png -------------------------------------------------------------------------------- /profile card/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/profile card/style.css -------------------------------------------------------------------------------- /responsive navbar/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/responsive navbar/README.md -------------------------------------------------------------------------------- /responsive navbar/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/responsive navbar/index.html -------------------------------------------------------------------------------- /responsive navbar/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/responsive navbar/style.css -------------------------------------------------------------------------------- /social media icons/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/social media icons/README.md -------------------------------------------------------------------------------- /social media icons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/social media icons/index.html -------------------------------------------------------------------------------- /social media icons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/social media icons/style.css -------------------------------------------------------------------------------- /subcription form/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/subcription form/index.html -------------------------------------------------------------------------------- /subcription form/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/subcription form/style.css -------------------------------------------------------------------------------- /survey form/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/survey form/README.md -------------------------------------------------------------------------------- /survey form/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/survey form/index.html -------------------------------------------------------------------------------- /survey form/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/survey form/style.css -------------------------------------------------------------------------------- /text animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/text animation/index.html -------------------------------------------------------------------------------- /text animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dinil-Thilakarathne/50-css-projects/HEAD/text animation/style.css --------------------------------------------------------------------------------