├── 404 ├── 404.css ├── 404.html └── images │ └── 404.gif ├── .DS_Store ├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.md │ └── feature_request.md └── pull_request_template.md ├── .vscode └── settings.json ├── AnimatedLoginForm ├── index.html └── style.css ├── AnimatedText ├── index.html ├── style.css └── textanime.html ├── Animated_Login_Page ├── images.jpeg ├── index.html └── main.css ├── Bootstrap Cheatsheet.md ├── Budgetry - Expense Tracker App ├── README.md ├── budget.js ├── index.html └── style.css ├── Buttons ├── HoverSpanbutton.html ├── basic button │ ├── Style.css │ └── index.html ├── button.css ├── button1.html ├── buttons.html ├── index.html ├── index2.css └── index2.html ├── Buttons_tutorial ├── button.css └── index.html ├── CGPA_calculator.html ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── CRUD Project ├── index.html ├── script.js └── style.css ├── CSS Card Flip Animation ├── card.css ├── card.html ├── card.js └── user.jpg ├── CSS Card Hover Animation ├── index.html └── style.css ├── CSS Cards Template ├── index.html └── styles.css ├── CSS animation project - animated car └── Animated Car │ ├── Index.html │ ├── Script.js │ ├── Style.css │ ├── background.jpg │ ├── car_body.png │ ├── car_wheel_left.png │ ├── car_wheel_right.png │ ├── sound.mp3 │ ├── track.png │ └── trees.png ├── CSS ├── CSS Cheatsheet.md ├── Complete [HTML + CSS] CheatSheet.txt ├── flexbox │ ├── grid.svg │ ├── index.html │ └── style.css └── style.css ├── Cab-Booking-System-master ├── Users.db ├── cabbokking.py └── userdata.db ├── Card Game ├── Photos │ ├── angryface.png │ ├── coke.png │ ├── coolface.png │ ├── evilface.png │ ├── feverface.png │ ├── freezeface.png │ ├── lco.png │ ├── mindblownface.png │ ├── sneezeface.png │ ├── thinkingface.png │ └── vomitface.png ├── index.html ├── index.js └── styles.css ├── Contact Us Form ├── index.html └── style.css ├── Contact Us ├── contact-form-handler.php ├── images │ ├── 100.jpg │ ├── 101.jpg │ ├── 102.jpg │ ├── 103.jpg │ ├── 104.jpg │ ├── 105.jpg │ ├── 106.jpg │ ├── 107.jpg │ ├── 108.jpg │ ├── 109.jpg │ ├── 110.jpg │ ├── 111.jpg │ ├── 112.jpg │ ├── 113.jpg │ ├── 20.jpg │ ├── 2021_1_30_14_10_41.png │ ├── 21.jpg │ ├── 22.jpg │ ├── 23.jpg │ ├── 24.jpg │ ├── 27.jpg │ ├── 28.jpg │ ├── 29.jpg │ ├── 30.jpg │ ├── 31.jpg │ ├── 85.png │ ├── 86.png │ ├── 87.png │ ├── 88.png │ ├── 89.png │ ├── 90.jpg │ ├── 91.png │ ├── 92.jpg │ ├── 93.jpg │ ├── 93.png │ ├── 94.jpg │ ├── 95.jpg │ ├── 96.jpg │ ├── 97.jpg │ ├── 98.jpg │ ├── 99.jpg │ └── favicon.ico ├── index.html └── style.css ├── Contributionidea.md ├── Covid Resource Site ├── about.html ├── disclaimer.html ├── index.html ├── quicktips.html └── statewise.html ├── Digital Clock ├── index.html ├── index.js └── style.css ├── Digital Marketing Landing Page ├── assets │ ├── css │ │ ├── bootstrap.min.css │ │ ├── flex-slider.css │ │ ├── font-awesome.css │ │ └── templatemo-softy-pinko.css │ ├── fonts │ │ ├── Flaticon.woff │ │ ├── FontAwesome.otf │ │ ├── flexslider-icon.eot │ │ ├── flexslider-icon.svg │ │ ├── flexslider-icon.ttf │ │ ├── flexslider-icon.woff │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ ├── fontawesome-webfont.woff2 │ │ ├── slick.eot │ │ ├── slick.svg │ │ ├── slick.ttf │ │ └── slick.woff │ ├── images │ │ ├── banner-bg.png │ │ ├── blog-item-01.png │ │ ├── blog-item-02.png │ │ ├── blog-item-03.png │ │ ├── circle-dec.png │ │ ├── featured-item-01.png │ │ ├── fun-facts-bg.png │ │ ├── left-image.png │ │ ├── logo.png │ │ ├── right-image.png │ │ ├── testimonial-icon.png │ │ ├── work-process-bg.png │ │ └── work-process-item-01.png │ └── js │ │ ├── bootstrap.min.js │ │ ├── custom.js │ │ ├── imgfix.min.js │ │ ├── jquery-2.1.0.min.js │ │ ├── jquery.counterup.min.js │ │ ├── popper.js │ │ ├── scrollreveal.min.js │ │ └── waypoints.min.js ├── index.html └── prepros-6.config ├── Dropdown-menu ├── Dropdown-menu.css └── Dropdown-menubar.hmtl ├── Drum Kit ├── images │ ├── crash.png │ ├── kick.png │ ├── snare.png │ ├── tom1.png │ ├── tom2.png │ ├── tom3.png │ └── tom4.png ├── index.html ├── index.js ├── package.json ├── sounds │ ├── crash.mp3 │ ├── kick-bass.mp3 │ ├── snare.mp3 │ ├── tom-1.mp3 │ ├── tom-2.mp3 │ ├── tom-3.mp3 │ └── tom-4.mp3 └── styles.css ├── Error_react ├── .gitignore ├── README.md ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt └── src │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── Components │ └── Error.jsx │ ├── index.css │ ├── index.js │ ├── logo.svg │ ├── reportWebVitals.js │ └── setupTests.js ├── Food_Delivery_Landing_Page ├── index.html ├── resources │ ├── css │ │ ├── img │ │ │ ├── back-customers.jpg │ │ │ └── hero.jpg │ │ └── style.css │ └── img │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ ├── 6.jpg │ │ ├── 7.jpg │ │ ├── 8.jpg │ │ ├── app-iPhone.png │ │ ├── back-customers.jpg │ │ ├── berlin.jpg │ │ ├── customer-1.jpg │ │ ├── customer-2.jpg │ │ ├── customer-3.jpg │ │ ├── download-app-android.png │ │ ├── download-app.svg │ │ ├── lisbon-3.jpg │ │ ├── logo-white.png │ │ ├── london.jpg │ │ ├── san-francisco.jpg │ │ └── white.jpg └── vendors │ └── css │ ├── grid.css │ ├── normalize.css │ ├── queries.css │ └── simple-grid.css ├── Full HTML CHEATSHEET └── Sourodip20kar.md ├── Git CheatSheet └── gitCheatSheet.md ├── Glow_Animated_Text ├── index.html └── styles.css ├── Grid Layout ├── Grid Layout using bootstrap │ ├── grid1.html │ ├── grid2.html │ └── index.html └── Grid Layout using simple CSS │ ├── index.html │ └── styles.css ├── HTML-Cheatsheet-For-Creating-Table.md ├── HTML ├── Index.html ├── Learn.md ├── SECOND PAGE.html ├── div-spans.html └── tutorial.html ├── Hamburger Menu animation ├── Myscript.js ├── Style.css └── index.html ├── Image ├── 1.png ├── 2.png ├── arrow.png └── me.jpeg ├── ImageUploader ├── index.html ├── script.js └── style.css ├── JS ├── CSS │ └── boxmodel.css ├── Cheat Sheet of JS │ └── cheat sheet.md ├── EventListener.html ├── JS Personal Notes.txt └── boxmodel.html ├── Java └── JavaFundamentalCheatsheet.md ├── Js Calculator ├── app.js ├── index.html └── style.css ├── JumpGame ├── index.html ├── index.js ├── profile.png └── style.css ├── LICENSE.md ├── Linux CheatSheet.md ├── Login page ├── index.html ├── script.js └── style.css ├── Login ├── index.html └── style.css ├── MYSQL Cheatsheet.md ├── Mansory Layout ├── index.html └── style.css ├── Mongodb Cheatsheet └── mongodb_cheat_sheet.md ├── Music-Website ├── index.html ├── media │ ├── image.png │ ├── imagine-dragons-jid-my-enemy-league-of-legends-(freetones.info).mp3 │ ├── logo.png │ ├── pause.png │ └── play.png ├── script.js └── style.css ├── NPM Cheat Sheet.md ├── Navbars ├── 1st │ ├── index.html │ └── style.css ├── 2nd │ ├── ham-menu.js │ ├── index.html │ └── style.css ├── 3rd │ ├── index.html │ └── style.css ├── 4th │ └── nav.html ├── 5th │ └── navBar.html └── images │ └── icon.jpg ├── Nike shoes landing page ├── app.js ├── assets │ ├── air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (1).jpg │ ├── air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (2).jpg │ ├── air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (3).jpg │ ├── air-max-alpha-tr-3-mens-training-shoe-0C1CV7.jpg │ ├── air-max-alpha-tr-3-mens-training-shoe-0C1CV7.png │ ├── air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (1).png │ ├── air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (2).jpg │ ├── air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (3).jpg │ ├── air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (4).jpg │ ├── air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW.jpg │ ├── nike-logo.png │ ├── zoom-fly-3-mens-running-shoe-XhzpPH (1).jpg │ ├── zoom-fly-3-mens-running-shoe-XhzpPH (2).jpg │ ├── zoom-fly-3-mens-running-shoe-XhzpPH (3).jpg │ ├── zoom-fly-3-mens-running-shoe-XhzpPH.jpg │ ├── zoom-fly-3-mens-running-shoe-XhzpPH.png │ ├── zoomx-vaporfly-next-running-shoe-4Q5jfG (1).jpg │ ├── zoomx-vaporfly-next-running-shoe-4Q5jfG (2).jpg │ ├── zoomx-vaporfly-next-running-shoe-4Q5jfG (3).jpg │ ├── zoomx-vaporfly-next-running-shoe-4Q5jfG (4).jpg │ ├── zoomx-vaporfly-next-running-shoe-4Q5jfG-1.jpg │ └── zoomx-vaporfly-next-running-shoe-4Q5jfG.png ├── index.html ├── readme.md └── style.css ├── NumGuesserGame-2Player ├── NumGuesser.css ├── NumGuesser.js ├── README.txt └── index.html ├── Number_Guessing_Game ├── app.js ├── index.html └── style.css ├── Obsolete Tags cheatsheet ├── POP up ├── 404-tick.png ├── index.html └── style.css ├── Password-generator ├── index.html ├── script.js └── style.css ├── Price Template ├── index.html └── styles.css ├── React Js Cheatsheet └── reactjs_cheatsheet.md ├── Readme.md ├── Responsive Portfolio Website ├── images │ ├── BG.jpg │ ├── Profile - 1.jpg │ ├── Profile banner.jpg │ ├── banner.jpg │ ├── img1.png │ ├── img4.png │ ├── img6.png │ ├── img6.webp │ ├── ing3.png │ ├── ing5.png │ ├── pexels-lisa-fotios-1083822.jpg │ ├── profile-1.jpeg │ ├── profile-2.jpeg │ ├── profile-3.jpeg │ ├── profile-4.jpeg │ └── profile-5.jpeg ├── index.html ├── script.js └── style.css ├── SS.png ├── Student Enrollment Form ├── index.html ├── index.js └── style.css ├── Tailwind CSS.md ├── ToDo.html ├── Tourism-Management-System-master ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── book-img.svg │ ├── contact-img.svg │ ├── g-1.jpg │ ├── g-2.jpg │ ├── g-3.jpg │ ├── g-4.jpg │ ├── g-5.jpg │ ├── g-6.jpg │ ├── g-7.jpg │ ├── g-8.jpg │ ├── g-9.jpg │ ├── p-1.jpg │ ├── p-2.jpg │ ├── p-3.jpg │ ├── p-4.jpg │ ├── p-5.jpg │ ├── p-6.jpg │ ├── p2.jpg │ ├── pic-1.jpg │ ├── pic-2.jpg │ ├── pic-3.jpg │ ├── pic-4.jpg │ ├── pic-5.jpg │ ├── vid-1.mp4 │ ├── vid-2.mp4 │ ├── vid-3.mp4 │ ├── vid-4.mp4 │ └── vid-5.mp4 ├── index.html ├── script.js └── style.css ├── VIM Cheatsheet.md ├── Weather ├── Cloud.jpg ├── Haze.png ├── Rain.png ├── Snow.png ├── Sunny.png ├── Thunder.png ├── front.png ├── weather.css ├── weather.html └── weather.jsx ├── Windows Cheatsheet.md ├── XML └── XMl CheatSheet.md ├── all-you-need-in-html-main ├── README.md ├── index.html ├── package.json └── sandbox.config.json ├── blob+gradient ├── blob+gradient │ ├── index.html │ ├── script.js │ ├── style.css │ └── style.min.css ├── blob │ ├── extra │ ├── index.html │ ├── script.js │ └── style.css └── gradient │ ├── index.html │ ├── script.js │ └── style.css ├── blurry-image-loader ├── index.html ├── script.js └── style.css ├── chaflix company web site ├── .gitignore ├── .htmlnanorc ├── components │ ├── badges.html │ ├── block.html │ ├── button.html │ ├── callout.html │ ├── card.html │ ├── collaps.html │ ├── domain.html │ ├── feature_block.html │ ├── footer.html │ ├── grid.htm │ ├── groupe-searsh.html │ ├── hero.html │ ├── icons.html │ ├── input.html │ ├── links.html │ ├── listes.html │ ├── media.html │ ├── navigation_bar.html │ ├── plan.html │ ├── plan_block.html │ ├── quete.html │ ├── showcase_block.html │ ├── testimoniel-block.html │ └── testimoniel.html ├── css │ ├── normalize.css │ └── style.css ├── description.md ├── images │ ├── banner1x.png │ ├── banner1x.webp │ ├── banner2x.png │ ├── banner2x.webp │ ├── chevron.svg │ ├── easy.jpg │ ├── easy.webp │ ├── easy@2x.jpg │ ├── easy@2x.webp │ ├── fast.jpg │ ├── fast.webp │ ├── fast@2x.jpg │ ├── fast@2x.webp │ ├── ipad.png │ ├── ipad.webp │ ├── ipad@2x.png │ ├── ipad@2x.webp │ ├── logo.png │ ├── popular.svg │ ├── sprite.svg │ ├── support.jpg │ ├── support.webp │ ├── support@2x.jpg │ ├── support@2x.webp │ ├── testimonial.jpg │ ├── tick.svg │ ├── wordpress.jpg │ ├── wordpress.svg │ ├── wordpress.webp │ ├── wordpress@2x.jpg │ └── wordpress@2x.webp ├── index.html ├── package-lock.json └── package.json ├── conda-cheatsheet.md ├── contact.css ├── contact.html ├── css flexbox and grid layout ├── grid.css ├── grid.html ├── index.html └── style.css ├── customcursor ├── index.html ├── script.js └── style.css ├── dg ├── .gitignore ├── CSS │ └── styles.css ├── JavaScript │ ├── Starting.js │ └── motion.js ├── README.md ├── game.html ├── images │ ├── dice1.png │ ├── dice2.png │ ├── dice3.png │ ├── dice4.png │ ├── dice5.png │ ├── dice6.png │ ├── favicon .ico │ ├── gratis-png-datos-dados-elemento-dado.png │ ├── kisspng-portable-network-graphics-clip-art-transparency-ve-5cef00d6d2f595.8690147815591671908641.jpg │ └── types-dice.jpg └── index.html ├── django cheatsheat.md ├── favicons ├── about.txt ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico └── site.webmanifest ├── hotel webapp ├── hotel.css ├── hotel.html └── images │ ├── 815.jpg │ ├── 816.jpg │ ├── bg.jpg │ ├── bg2.jpg │ ├── bg3.jpg │ ├── cake.jpg │ ├── close.png │ ├── cup.jpg │ ├── expert1.jpg │ ├── expert2.jpg │ ├── expert3.jpg │ ├── expert4.jpg │ ├── hoc1.jpg │ ├── hoc2.jpg │ ├── hoc3.jpg │ ├── hoc4.jpg │ ├── img (2).jpg │ ├── img1.jpg │ ├── menu.jpg │ ├── menu.png │ ├── menu1.jpg │ ├── menu2.jpg │ ├── menu3.jpg │ ├── menu4.jpg │ ├── menu5.jpg │ ├── menu6.jpg │ ├── radison.jpg │ ├── taiil.jpg │ ├── tail.jpg │ ├── testi1.jpg │ ├── testi2.jpg │ ├── testi3.jpg │ └── thali.jpg ├── icon ├── fa twitter-16x16-761629.png ├── facebook-16x16-761598.png ├── github-16x16-761603.png └── linkedin-16x16-761611.png ├── jQuery Cheat sheet ├── index.html ├── jquery.js ├── style.css └── vanilla.js ├── javascrip DOM aplications ├── Dropdown text │ ├── assets │ │ └── kjl.jpg │ ├── css │ │ └── style.css │ ├── description.md │ ├── index.html │ └── js │ │ └── index.js ├── Queote generator │ ├── components │ │ ├── barre.html │ │ └── button.html │ ├── css │ │ └── style.css │ ├── description.md │ ├── images │ │ └── aze.jpg │ ├── index.html │ └── js │ │ ├── index.js │ │ └── quotes.js └── stopwatch │ ├── assets │ ├── atm.jpg │ ├── play-solid.svg │ ├── reply-solid.svg │ └── stop-solid.svg │ ├── css │ └── style.css │ ├── index.html │ └── js │ └── index.js ├── jumpinganimation ├── index.html └── style.css ├── kotlin cheatsheet .md ├── mongoose-cheatsheet.md ├── new mongodb cheat sheet └── mongodb.md.md ├── paymentform.css ├── paymentform.html ├── portfolio(s) ├── index.html ├── style.css └── user-interface.gif ├── project_cryptoverse-main └── project_cryptoverse-main │ ├── .env.example │ ├── .eslintrc.js │ ├── .github │ └── FUNDING.yml │ ├── .gitignore │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ ├── _redirects │ ├── cryptocurrency.png │ └── index.html │ └── src │ ├── App.css │ ├── App.js │ ├── app │ └── store.js │ ├── components │ ├── CryptoDetails.jsx │ ├── Cryptocurrencies.jsx │ ├── Exchanges.jsx │ ├── Homepage.jsx │ ├── LineChart.jsx │ ├── Loader.jsx │ ├── Navbar.jsx │ ├── News.jsx │ └── index.js │ ├── images │ └── cryptocurrency.png │ ├── index.js │ └── services │ ├── cryptoApi.js │ └── cryptoNewsApi.js ├── quizapp ├── app.css ├── end.html ├── end.js ├── game.css ├── general_knowledge.html ├── general_knowledge.js ├── highscores.css ├── highscores.html ├── highscores.js ├── index.html └── questions.json ├── react-invoice-generator-app └── react-invoice-generator-master │ ├── .gitignore │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ ├── pdf.svg │ └── robots.txt │ ├── screenshot.png │ ├── src │ ├── App.tsx │ ├── components │ │ ├── Document.tsx │ │ ├── DownloadPDF.tsx │ │ ├── EditableCalendarInput.tsx │ │ ├── EditableFileImage.tsx │ │ ├── EditableInput.tsx │ │ ├── EditableSelect.tsx │ │ ├── EditableTextarea.tsx │ │ ├── InvoicePage.tsx │ │ ├── Page.tsx │ │ ├── Text.tsx │ │ └── View.tsx │ ├── data │ │ ├── countryList.ts │ │ ├── initialData.ts │ │ └── types.ts │ ├── hooks │ │ └── useOnClickOutside.ts │ ├── images │ │ ├── download.svg │ │ ├── remove.svg │ │ └── resize.svg │ ├── index.tsx │ ├── react-app-env.d.ts │ ├── scss │ │ ├── _app.scss │ │ ├── _color.scss │ │ ├── _icons.scss │ │ ├── _layout.scss │ │ ├── _spacing.scss │ │ ├── _text.scss │ │ ├── _typography.scss │ │ ├── _variables.scss │ │ └── main.scss │ ├── serviceWorker.ts │ ├── setupTests.ts │ └── styles │ │ ├── compose.ts │ │ └── styles.ts │ ├── tsconfig.json │ └── yarn.lock ├── simple_html_and_css_webpage └── new 1.html ├── solidity.md ├── stickynotes.html ├── swift cheatsheet.md ├── switch ├── index.html └── style.css ├── ui-workshop-tailwind-master ├── .gitignore ├── assets │ ├── account.png │ ├── heart.png │ ├── image-1.jpg │ ├── image-10.jpg │ ├── image-11.jpg │ ├── image-12.jpg │ ├── image-2.jpg │ ├── image-3.jpg │ ├── image-4.jpg │ ├── image-5.jpg │ ├── image-6.jpg │ ├── image-7.jpg │ ├── image-8.jpg │ ├── image-9.jpg │ ├── search.png │ ├── shopping-cart.png │ └── theme.svg ├── index.css ├── index.html ├── introduction.html └── mock.html ├── weather-for-all-master ├── .gitignore ├── README.md ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt ├── src │ ├── App.js │ ├── assets │ │ └── sunset.jpg │ ├── index.css │ └── index.js └── weather.json └── web1 ├── Fitness-Gym-logo-design-template-on-transparent-background-PNG.png ├── gym1.jpg ├── index.html ├── style.css └── —Pngtree—physical fitness sport gym logo_5225111.png /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/.DS_Store -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | - OS: [e.g. iOS] 28 | - Browser [e.g. chrome, safari] 29 | - Version [e.g. 22] 30 | 31 | **Smartphone (please complete the following information):** 32 | - Device: [e.g. iPhone6] 33 | - OS: [e.g. iOS8.1] 34 | - Browser [e.g. stock browser, safari] 35 | - Version [e.g. 22] 36 | 37 | **Additional context** 38 | Add any other context about the problem here. -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /404/404.css: -------------------------------------------------------------------------------- 1 | .page_404 { 2 | padding: 40px 0; 3 | background: #fff; 4 | font-family: "Arvo", serif; 5 | } 6 | 7 | .page_404 img { 8 | width: 100%; 9 | } 10 | p{ 11 | font-size: 22px; 12 | } 13 | 14 | .four_zero_four_bg { 15 | background-image: url("images/404.gif"); 16 | height: 400px; 17 | background-position: center; 18 | } 19 | 20 | .four_zero_four_bg h1 { 21 | font-size: 80px; 22 | } 23 | 24 | .four_zero_four_bg h3 { 25 | font-size: 80px; 26 | } 27 | 28 | .link_404 { 29 | color: #fff !important; 30 | padding: 10px 20px; 31 | background: #39ac31; 32 | margin: 20px 0; 33 | display: inline-block; 34 | } 35 | .contant_box_404 { 36 | margin-top: -50px; 37 | } -------------------------------------------------------------------------------- /404/images/404.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/404/images/404.gif -------------------------------------------------------------------------------- /AnimatedLoginForm/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Animated Login Form 6 | 7 | 8 | 9 |
10 |
11 |

Sign in

12 |
13 | 14 | Username 15 | 16 |
17 |
18 | 19 | Password 20 | 21 |
22 |
23 | Forgot Password ? 24 | Sign Up 25 |
26 | 27 |
28 |
29 | 30 | 31 | -------------------------------------------------------------------------------- /AnimatedText/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Animated Text 8 | 9 | 10 | 11 |

Animated Texts

12 |

Animated Texts

13 |

Animated Texts

14 |

Animated Texts

15 |
16 |
17 |
18 |

Animated Texts

19 |
20 |
21 |
22 | 23 | -------------------------------------------------------------------------------- /Animated_Login_Page/images.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Animated_Login_Page/images.jpeg -------------------------------------------------------------------------------- /Budgetry - Expense Tracker App/README.md: -------------------------------------------------------------------------------- 1 | # Budgetry_Expense_Tracker 2 | A web based application that helps you keep track of your budget and expenses. 3 | 4 | # Technologies Used 5 | * HTML5 6 | * CSS3 7 | * CSS Media Queries 8 | * Javascript 9 | * Netlify 10 | 11 | # Live Link 12 | https://budgetry-expense-tracker.netlify.app/ 13 | -------------------------------------------------------------------------------- /Buttons/HoverSpanbutton.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 46 | 47 | 48 | 49 |

Shantanu contribution

50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /Buttons/basic button/Style.css: -------------------------------------------------------------------------------- 1 | #btn{ 2 | display: none; 3 | } 4 | body{ 5 | display: flex; 6 | flex-direction: column; 7 | align-content: center; 8 | background-color: rgb(13, 13, 14); 9 | } 10 | .btn{ 11 | width: 10rem; 12 | height: 3rem; 13 | background-color: rgb(240, 240, 248); 14 | display: flex; 15 | flex-direction: column; 16 | align-items: center; 17 | padding-top: 1%; 18 | color: rgb(20, 20, 18); 19 | border-radius: 12px; 20 | } 21 | .btn:hover{ 22 | background-color: rgb(224, 211, 28); 23 | color: rgb(255, 255, 255); 24 | } 25 | -------------------------------------------------------------------------------- /Buttons/basic button/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Button 8 | 9 | 10 | 11 | 12 | 17 | 18 | -------------------------------------------------------------------------------- /CSS Card Flip Animation/card.js: -------------------------------------------------------------------------------- 1 | const card = document.querySelector(".card__inner"); 2 | 3 | card.addEventListener("click", function (e) { 4 | card.classList.toggle('is-flipped'); 5 | }); -------------------------------------------------------------------------------- /CSS Card Flip Animation/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS Card Flip Animation/user.jpg -------------------------------------------------------------------------------- /CSS Cards Template/styles.css: -------------------------------------------------------------------------------- 1 | img { 2 | max-width: 100%; 3 | } 4 | 5 | h2{ 6 | text-align: center; 7 | } 8 | 9 | .cards { 10 | max-width: 800px; 11 | margin: 1em auto; 12 | } 13 | 14 | .card { 15 | border: 1px solid #999; 16 | border-radius: 3px; 17 | background-color: red; 18 | } 19 | 20 | .card:hover{ 21 | background-color: blue; 22 | color: white; 23 | transform: translateY(20px); 24 | z-index: 2; 25 | } 26 | 27 | 28 | .card h2 { 29 | margin: 0; 30 | padding: .5rem; 31 | } 32 | 33 | .card .content { 34 | padding: .5rem; 35 | } 36 | -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/Index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Car Animation CSS and JavaScript 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 |
21 |
22 | 23 |
24 |
25 |
26 |
27 | 28 | 29 | -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/Script.js: -------------------------------------------------------------------------------- 1 | var audio = document.createElement('audio'); 2 | audio.setAttribute('src', 'sound.mp3'); 3 | audio.loop = true; 4 | //audio.play(); -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS animation project - animated car/Animated Car/background.jpg -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/car_body.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS animation project - animated car/Animated Car/car_body.png -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/car_wheel_left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS animation project - animated car/Animated Car/car_wheel_left.png -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/car_wheel_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS animation project - animated car/Animated Car/car_wheel_right.png -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/sound.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS animation project - animated car/Animated Car/sound.mp3 -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/track.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS animation project - animated car/Animated Car/track.png -------------------------------------------------------------------------------- /CSS animation project - animated car/Animated Car/trees.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/CSS animation project - animated car/Animated Car/trees.png -------------------------------------------------------------------------------- /Cab-Booking-System-master/Users.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Cab-Booking-System-master/Users.db -------------------------------------------------------------------------------- /Cab-Booking-System-master/userdata.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Cab-Booking-System-master/userdata.db -------------------------------------------------------------------------------- /Card Game/Photos/angryface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/angryface.png -------------------------------------------------------------------------------- /Card Game/Photos/coke.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/coke.png -------------------------------------------------------------------------------- /Card Game/Photos/coolface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/coolface.png -------------------------------------------------------------------------------- /Card Game/Photos/evilface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/evilface.png -------------------------------------------------------------------------------- /Card Game/Photos/feverface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/feverface.png -------------------------------------------------------------------------------- /Card Game/Photos/freezeface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/freezeface.png -------------------------------------------------------------------------------- /Card Game/Photos/lco.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/lco.png -------------------------------------------------------------------------------- /Card Game/Photos/mindblownface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/mindblownface.png -------------------------------------------------------------------------------- /Card Game/Photos/sneezeface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/sneezeface.png -------------------------------------------------------------------------------- /Card Game/Photos/thinkingface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/thinkingface.png -------------------------------------------------------------------------------- /Card Game/Photos/vomitface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Card Game/Photos/vomitface.png -------------------------------------------------------------------------------- /Card Game/styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | height: 100vh; 9 | background-color: rgb(66, 66, 66); 10 | display: flex; 11 | } 12 | 13 | .gameContainer { 14 | width: 600px; 15 | height: 600px; 16 | margin: auto; 17 | display: flex; 18 | flex-wrap: wrap; 19 | perspective: 1000px; 20 | } 21 | 22 | .card { 23 | width: 23%; 24 | height: 23%; 25 | margin: 5px; 26 | position: relative; 27 | transform-style: preserve-3d; 28 | transition: transform 0.3s; 29 | cursor: pointer; 30 | background-color: transparent; 31 | } 32 | 33 | .card:active { 34 | transform: scale(0.95); 35 | transition: transform 0.2s ease-in-out; 36 | } 37 | 38 | .card.flip { 39 | transform: rotateY(180deg); 40 | cursor: pointer; 41 | } 42 | 43 | .front, 44 | .back { 45 | background-color: #807f7f; 46 | width: 100%; 47 | height: 100%; 48 | padding: 10px; 49 | border-radius: 4px; 50 | position: absolute; 51 | backface-visibility: hidden; 52 | } 53 | 54 | .front { 55 | transform: rotateY(180deg); 56 | } 57 | -------------------------------------------------------------------------------- /Contact Us/contact-form-handler.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Contact Us/images/100.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/100.jpg -------------------------------------------------------------------------------- /Contact Us/images/101.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/101.jpg -------------------------------------------------------------------------------- /Contact Us/images/102.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/102.jpg -------------------------------------------------------------------------------- /Contact Us/images/103.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/103.jpg -------------------------------------------------------------------------------- /Contact Us/images/104.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/104.jpg -------------------------------------------------------------------------------- /Contact Us/images/105.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/105.jpg -------------------------------------------------------------------------------- /Contact Us/images/106.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/106.jpg -------------------------------------------------------------------------------- /Contact Us/images/107.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/107.jpg -------------------------------------------------------------------------------- /Contact Us/images/108.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/108.jpg -------------------------------------------------------------------------------- /Contact Us/images/109.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/109.jpg -------------------------------------------------------------------------------- /Contact Us/images/110.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/110.jpg -------------------------------------------------------------------------------- /Contact Us/images/111.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/111.jpg -------------------------------------------------------------------------------- /Contact Us/images/112.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/112.jpg -------------------------------------------------------------------------------- /Contact Us/images/113.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/113.jpg -------------------------------------------------------------------------------- /Contact Us/images/20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/20.jpg -------------------------------------------------------------------------------- /Contact Us/images/2021_1_30_14_10_41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/2021_1_30_14_10_41.png -------------------------------------------------------------------------------- /Contact Us/images/21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/21.jpg -------------------------------------------------------------------------------- /Contact Us/images/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/22.jpg -------------------------------------------------------------------------------- /Contact Us/images/23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/23.jpg -------------------------------------------------------------------------------- /Contact Us/images/24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/24.jpg -------------------------------------------------------------------------------- /Contact Us/images/27.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/27.jpg -------------------------------------------------------------------------------- /Contact Us/images/28.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/28.jpg -------------------------------------------------------------------------------- /Contact Us/images/29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/29.jpg -------------------------------------------------------------------------------- /Contact Us/images/30.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/30.jpg -------------------------------------------------------------------------------- /Contact Us/images/31.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/31.jpg -------------------------------------------------------------------------------- /Contact Us/images/85.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/85.png -------------------------------------------------------------------------------- /Contact Us/images/86.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/86.png -------------------------------------------------------------------------------- /Contact Us/images/87.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/87.png -------------------------------------------------------------------------------- /Contact Us/images/88.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/88.png -------------------------------------------------------------------------------- /Contact Us/images/89.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/89.png -------------------------------------------------------------------------------- /Contact Us/images/90.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/90.jpg -------------------------------------------------------------------------------- /Contact Us/images/91.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/91.png -------------------------------------------------------------------------------- /Contact Us/images/92.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/92.jpg -------------------------------------------------------------------------------- /Contact Us/images/93.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/93.jpg -------------------------------------------------------------------------------- /Contact Us/images/93.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/93.png -------------------------------------------------------------------------------- /Contact Us/images/94.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/94.jpg -------------------------------------------------------------------------------- /Contact Us/images/95.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/95.jpg -------------------------------------------------------------------------------- /Contact Us/images/96.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/96.jpg -------------------------------------------------------------------------------- /Contact Us/images/97.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/97.jpg -------------------------------------------------------------------------------- /Contact Us/images/98.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/98.jpg -------------------------------------------------------------------------------- /Contact Us/images/99.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/99.jpg -------------------------------------------------------------------------------- /Contact Us/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Contact Us/images/favicon.ico -------------------------------------------------------------------------------- /Contributionidea.md: -------------------------------------------------------------------------------- 1 | There are lot of files coming up from Games to Buttons. 2 | #Listing here some of the important files that can be contributed during the HacktoberFest 3 | 4 | 5 | 1. Websites 6 | 7 | 8 | A tribute page 9 | A survey form 10 | Technical documentation page 11 | Landing page 12 | Event page 13 | Parallax website 14 | Personal portfolio page 15 | Restaurant website 16 | Music store page 17 | Photography website 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/Flaticon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/Flaticon.woff -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/flexslider-icon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/flexslider-icon.eot -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/flexslider-icon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/flexslider-icon.ttf -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/flexslider-icon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/flexslider-icon.woff -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/slick.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/slick.eot -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/slick.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/slick.ttf -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/fonts/slick.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/fonts/slick.woff -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/banner-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/banner-bg.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/blog-item-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/blog-item-01.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/blog-item-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/blog-item-02.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/blog-item-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/blog-item-03.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/circle-dec.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/circle-dec.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/featured-item-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/featured-item-01.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/fun-facts-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/fun-facts-bg.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/left-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/left-image.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/logo.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/right-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/right-image.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/testimonial-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/testimonial-icon.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/work-process-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/work-process-bg.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/images/work-process-item-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Digital Marketing Landing Page/assets/images/work-process-item-01.png -------------------------------------------------------------------------------- /Digital Marketing Landing Page/assets/js/jquery.counterup.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jquery.counterup.js 1.0 3 | * 4 | * Copyright 2013, Benjamin Intal http://gambit.ph @bfintal 5 | * Released under the GPL v2 License 6 | * 7 | * Date: Nov 26, 2013 8 | */(function(e){"use strict";e.fn.counterUp=function(t){var n=e.extend({time:400,delay:10},t);return this.each(function(){var t=e(this),r=n,i=function(){var e=[],n=r.time/r.delay,i=t.text(),s=/[0-9]+,[0-9]+/.test(i);i=i.replace(/,/g,"");var o=/^[0-9]+$/.test(i),u=/^[0-9]+\.[0-9]+$/.test(i),a=u?(i.split(".")[1]||[]).length:0;for(var f=n;f>=1;f--){var l=parseInt(i/n*f);u&&(l=parseFloat(i/n*f).toFixed(a));if(s)while(/(\d+)(\d{3})/.test(l.toString()))l=l.toString().replace(/(\d+)(\d{3})/,"$1,$2");e.unshift(l)}t.data("counterup-nums",e);t.text("0");var c=function(){t.text(t.data("counterup-nums").shift());if(t.data("counterup-nums").length)setTimeout(t.data("counterup-func"),r.delay);else{delete t.data("counterup-nums");t.data("counterup-nums",null);t.data("counterup-func",null)}};t.data("counterup-func",c);setTimeout(t.data("counterup-func"),r.delay)};t.waypoint(i,{offset:"100%",triggerOnce:!0})})}})(jQuery); -------------------------------------------------------------------------------- /Drum Kit/images/crash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/images/crash.png -------------------------------------------------------------------------------- /Drum Kit/images/kick.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/images/kick.png -------------------------------------------------------------------------------- /Drum Kit/images/snare.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/images/snare.png -------------------------------------------------------------------------------- /Drum Kit/images/tom1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/images/tom1.png -------------------------------------------------------------------------------- /Drum Kit/images/tom2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/images/tom2.png -------------------------------------------------------------------------------- /Drum Kit/images/tom3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/images/tom3.png -------------------------------------------------------------------------------- /Drum Kit/images/tom4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/images/tom4.png -------------------------------------------------------------------------------- /Drum Kit/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Drum Kit 6 | 7 | 11 | 12 | 13 | 14 |

Drum 🥁 Kit

15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /Drum Kit/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "drum-kit", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.html", 6 | "scripts": { 7 | "start": "serve", 8 | "build": "echo This is a static template, there is no bundler or bundling involved!" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/codesandbox-app/static-template.git" 13 | }, 14 | "keywords": [], 15 | "author": "Ives van Hoorne", 16 | "license": "MIT", 17 | "bugs": { 18 | "url": "https://github.com/codesandbox-app/static-template/issues" 19 | }, 20 | "homepage": "https://github.com/codesandbox-app/static-template#readme", 21 | "devDependencies": { 22 | "serve": "^11.2.0" 23 | } 24 | } -------------------------------------------------------------------------------- /Drum Kit/sounds/crash.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/sounds/crash.mp3 -------------------------------------------------------------------------------- /Drum Kit/sounds/kick-bass.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/sounds/kick-bass.mp3 -------------------------------------------------------------------------------- /Drum Kit/sounds/snare.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/sounds/snare.mp3 -------------------------------------------------------------------------------- /Drum Kit/sounds/tom-1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/sounds/tom-1.mp3 -------------------------------------------------------------------------------- /Drum Kit/sounds/tom-2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/sounds/tom-2.mp3 -------------------------------------------------------------------------------- /Drum Kit/sounds/tom-3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/sounds/tom-3.mp3 -------------------------------------------------------------------------------- /Drum Kit/sounds/tom-4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Drum Kit/sounds/tom-4.mp3 -------------------------------------------------------------------------------- /Error_react/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /Error_react/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mine_project", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@testing-library/jest-dom": "^5.16.5", 7 | "@testing-library/react": "^13.4.0", 8 | "@testing-library/user-event": "^13.5.0", 9 | "react": "^18.2.0", 10 | "react-dom": "^18.2.0", 11 | "react-scripts": "5.0.1", 12 | "web-vitals": "^2.1.4" 13 | }, 14 | "scripts": { 15 | "start": "react-scripts start", 16 | "build": "react-scripts build", 17 | "test": "react-scripts test", 18 | "eject": "react-scripts eject" 19 | }, 20 | "eslintConfig": { 21 | "extends": [ 22 | "react-app", 23 | "react-app/jest" 24 | ] 25 | }, 26 | "browserslist": { 27 | "production": [ 28 | ">0.2%", 29 | "not dead", 30 | "not op_mini all" 31 | ], 32 | "development": [ 33 | "last 1 chrome version", 34 | "last 1 firefox version", 35 | "last 1 safari version" 36 | ] 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /Error_react/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Error_react/public/favicon.ico -------------------------------------------------------------------------------- /Error_react/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Error_react/public/logo192.png -------------------------------------------------------------------------------- /Error_react/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Error_react/public/logo512.png -------------------------------------------------------------------------------- /Error_react/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /Error_react/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /Error_react/src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | text-align: center; 3 | } 4 | 5 | .App-logo { 6 | height: 40vmin; 7 | pointer-events: none; 8 | } 9 | 10 | @media (prefers-reduced-motion: no-preference) { 11 | .App-logo { 12 | animation: App-logo-spin infinite 20s linear; 13 | } 14 | } 15 | 16 | .App-header { 17 | background-color: #282c34; 18 | min-height: 100vh; 19 | display: flex; 20 | flex-direction: column; 21 | align-items: center; 22 | justify-content: center; 23 | font-size: calc(10px + 2vmin); 24 | color: white; 25 | } 26 | 27 | .App-link { 28 | color: #61dafb; 29 | } 30 | 31 | @keyframes App-logo-spin { 32 | from { 33 | transform: rotate(0deg); 34 | } 35 | to { 36 | transform: rotate(360deg); 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /Error_react/src/App.js: -------------------------------------------------------------------------------- 1 | import logo from './logo.svg'; 2 | import './App.css'; 3 | import Error from './Components/Error'; 4 | function App() { 5 | return ( 6 |
7 |
8 | logo 9 |

10 | 11 |

12 | 13 |
14 |
15 | ); 16 | } 17 | 18 | export default App; 19 | -------------------------------------------------------------------------------- /Error_react/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /Error_react/src/Components/Error.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const Error=()=>{ 4 | return ( 5 | <> 6 |
7 |

404 Error Page

8 |

Sorry, This page doesn't exist

9 | 10 |
11 | 12 | ); 13 | }; 14 | 15 | export default Error; -------------------------------------------------------------------------------- /Error_react/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /Error_react/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom/client'; 3 | import './index.css'; 4 | import App from './App'; 5 | import reportWebVitals from './reportWebVitals'; 6 | 7 | const root = ReactDOM.createRoot(document.getElementById('root')); 8 | root.render( 9 | 10 | 11 | 12 | ); 13 | 14 | // If you want to start measuring performance in your app, pass a function 15 | // to log results (for example: reportWebVitals(console.log)) 16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 17 | reportWebVitals(); 18 | -------------------------------------------------------------------------------- /Error_react/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /Error_react/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/css/img/back-customers.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/css/img/back-customers.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/css/img/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/css/img/hero.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/1.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/2.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/3.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/4.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/5.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/6.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/7.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/8.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/app-iPhone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/app-iPhone.png -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/back-customers.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/back-customers.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/berlin.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/berlin.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/customer-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/customer-1.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/customer-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/customer-2.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/customer-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/customer-3.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/download-app-android.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/download-app-android.png -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/lisbon-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/lisbon-3.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/logo-white.png -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/london.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/london.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/san-francisco.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/san-francisco.jpg -------------------------------------------------------------------------------- /Food_Delivery_Landing_Page/resources/img/white.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Food_Delivery_Landing_Page/resources/img/white.jpg -------------------------------------------------------------------------------- /Glow_Animated_Text/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Name animation 10 | 11 | 12 | 13 |

 Example Text 

14 | 15 | -------------------------------------------------------------------------------- /Glow_Animated_Text/styles.css: -------------------------------------------------------------------------------- 1 | * 2 | { 3 | margin:0; 4 | padding:0; 5 | box-sizing:border-box; 6 | font-family: 'Poppins', sans-serif; 7 | } 8 | body 9 | { 10 | display:flex; 11 | justify-content:center; 12 | align-items:center; 13 | min-height:100vh; 14 | background:#111; 15 | } 16 | h2 17 | { 18 | position:relative; 19 | font-size:4em; 20 | color:#111; 21 | } 22 | h2::before 23 | { 24 | content: attr(data-text); 25 | position:absolute; 26 | color:#fff; 27 | width:350px; 28 | overflow:hidden; 29 | white-space:nowrap; 30 | border-right:4px solid #fff; 31 | animation: animate 6s linear infinite; 32 | filter:drop-shadow(0 0 20px #fff); 33 | } 34 | @keyframes animate 35 | { 36 | 0%,10%,100%{ 37 | width:0; 38 | } 39 | 70%,90%{ 40 | width:100% 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /Grid Layout/Grid Layout using simple CSS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Grid Layout 6 | 7 | 8 | 9 |
10 |
One
11 |
Two
12 |
Three
13 |
Four
14 |
Five
15 |
Six
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Grid Layout/Grid Layout using simple CSS/styles.css: -------------------------------------------------------------------------------- 1 | .wrapper { 2 | display: grid; 3 | grid-template-columns: RBRACE(3, 1fr); 4 | gap: 10px; 5 | grid-auto-rows: minmax(100px, auto); 6 | } 7 | 8 | .box{ 9 | background-color: #fec8e8; 10 | border-style: solid; 11 | border-color: #cf6ba9; 12 | opacity: 0.5; 13 | } 14 | 15 | .one { 16 | grid-column: 1 / 3; 17 | grid-row: 1; 18 | z-index: 2; 19 | 20 | } 21 | .two { 22 | grid-column: 2 / 4; 23 | grid-row: 1 / 3; 24 | } 25 | .three { 26 | grid-column: 1; 27 | grid-row: 2 / 5; 28 | } 29 | .four { 30 | grid-column: 3; 31 | grid-row: 3; 32 | } 33 | .five { 34 | grid-column: 2; 35 | grid-row: 4; 36 | } 37 | .six { 38 | grid-column: 3; 39 | grid-row: 4; 40 | } 41 | -------------------------------------------------------------------------------- /HTML/SECOND PAGE.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Second Page 9 | 10 | 11 | 12 | 13 | Here it is the Second Page 14 |

Marquee

15 | 16 | Hey There! this is webpage-maker... 17 | 18 | 19 | 20 | 21 | 22 |
23 | 2arrow 24 | 25 |
26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /Hamburger Menu animation/Myscript.js: -------------------------------------------------------------------------------- 1 | var btn = document.getElementById("button"); 2 | 3 | btn.addEventListener('click', function() { 4 | if (this.classList.contains("active")) { 5 | this.classList.remove("active") 6 | this.classList.add('not-active') 7 | 8 | } else { 9 | this.classList.add("active") 10 | this.classList.remove('not-active') 11 | } 12 | }); 13 | -------------------------------------------------------------------------------- /Hamburger Menu animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Image/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Image/1.png -------------------------------------------------------------------------------- /Image/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Image/2.png -------------------------------------------------------------------------------- /Image/arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Image/arrow.png -------------------------------------------------------------------------------- /Image/me.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Image/me.jpeg -------------------------------------------------------------------------------- /ImageUploader/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Photo uploader 8 | 9 | 10 | 11 |
12 | 13 | 18 |
19 |
20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /ImageUploader/script.js: -------------------------------------------------------------------------------- 1 | const image_input = document.querySelector("#image-input");image_input.addEventListener("change", function() { 2 | const reader = new FileReader(); 3 | reader.addEventListener("load", () => { 4 | const uploaded_image = reader.result; 5 | document.querySelector("#display-image").style.backgroundImage = `url(${uploaded_image})`; 6 | }); 7 | reader.readAsDataURL(this.files[0]); 8 | }); 9 | -------------------------------------------------------------------------------- /ImageUploader/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | display: flex; 3 | flex-direction: column; 4 | align-content: center; 5 | align-items: center; 6 | padding-top:20vh; 7 | background-color: rgb(30,30,30); 8 | } 9 | .main{ 10 | display: flex; 11 | flex-direction: column; 12 | align-content: center; 13 | align-items: center; 14 | } 15 | #image-input{ 16 | display: none; 17 | } 18 | #display-image{ 19 | margin-top: 20px; 20 | width: 30vw; 21 | height: 50vh; 22 | border: 1px solid rgb(207, 224, 180); 23 | border-radius: 20px; 24 | background-position: center; 25 | background-size: cover; 26 | } 27 | .pics{ 28 | width:10vw; 29 | height:5vh; 30 | border: solid 1px; 31 | border-radius: 10px; 32 | background-color: rgb(20,20,20,0.100); 33 | text-align: center; 34 | color: orange; 35 | margin-top: 12px; 36 | } 37 | .pics:hover{ 38 | color: rgb(255, 255, 255); 39 | background-color: rgb(250,250,250,0.100); 40 | } 41 | -------------------------------------------------------------------------------- /JS/CSS/boxmodel.css: -------------------------------------------------------------------------------- 1 | /* CSS Box Model */ 2 | /* 3 | Margin: 4 | Border: 5 | Padding: */ 6 | body{ 7 | 8 | background-color: aqua; 9 | } 10 | 11 | 12 | /* How to use Border */ 13 | 14 | .box{ 15 | background: pink; 16 | width: 500px; 17 | border: 5px solid green; 18 | border-left-width: 5px; 19 | border-left-color: black; 20 | border-left-style: solid; 21 | padding: 100px; 22 | } 23 | 24 | -------------------------------------------------------------------------------- /JS/EventListener.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |

JavaScript addEventListener()

6 | 7 |

This example uses the addEventListener() method to add many events on the same button.

8 | 9 | 10 | 11 |

It will replace this

12 | 13 | 21 | 22 | -------------------------------------------------------------------------------- /JumpGame/index.js: -------------------------------------------------------------------------------- 1 | var char = document.getElementById("char"); 2 | var block = document.getElementById("block"); 3 | var points = document.getElementById("points"); 4 | var btn = document.getElementById("btn"); 5 | let count = 0; 6 | points.innerHTML = count; 7 | btn.addEventListener("click", () => { 8 | count++; 9 | points.innerHTML = count; 10 | if (char.classList != "animate") { 11 | char.classList.add("animate"); 12 | } 13 | 14 | setTimeout(function () { 15 | char.classList.remove("animate"); 16 | }, 500); 17 | 18 | var checkDead = setInterval(function () { 19 | var charTop = parseInt( 20 | window.getComputedStyle(char).getPropertyValue("top") 21 | ); 22 | 23 | var blockLeft = parseInt( 24 | window.getComputedStyle(block).getPropertyValue("left") 25 | ); 26 | 27 | if (blockLeft < 20 && blockLeft > 0 && charTop >= 130) { 28 | block.style.animation = "none"; 29 | block.style.display = "none"; 30 | char.style.display = "none"; 31 | alert("Score: " + count); 32 | } 33 | }, 10); 34 | }); 35 | -------------------------------------------------------------------------------- /JumpGame/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/JumpGame/profile.png -------------------------------------------------------------------------------- /JumpGame/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | padding: 0; 3 | margin: 0; 4 | } 5 | #game { 6 | width: 500px; 7 | height: 200px; 8 | border: 1px solid black; 9 | margin: auto; 10 | } 11 | #char { 12 | width: 20px; 13 | height: 50px; 14 | position: relative; 15 | top: 150px; 16 | } 17 | .animate { 18 | animation: jump 500ms infinite; 19 | } 20 | @keyframes jump { 21 | 0% { 22 | top: 150px; 23 | } 24 | 30% { 25 | top: 100px; 26 | } 27 | 70% { 28 | top: 100px; 29 | } 30 | 100% { 31 | top: 150px; 32 | } 33 | } 34 | #block { 35 | width: 40px; 36 | height: 20px; 37 | background-color: brown; 38 | position: relative; 39 | top: 130px; 40 | left: 480px; 41 | animation: block 1s infinite; 42 | } 43 | 44 | @keyframes block { 45 | 0% { 46 | left: 480px; 47 | } 48 | 100% { 49 | left: -40px; 50 | } 51 | } 52 | #btn { 53 | width: 200px; 54 | height: 50px; 55 | margin-top: 10px; 56 | margin-left: 45%; 57 | } 58 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 biratdatta 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Music-Website/media/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Music-Website/media/image.png -------------------------------------------------------------------------------- /Music-Website/media/imagine-dragons-jid-my-enemy-league-of-legends-(freetones.info).mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Music-Website/media/imagine-dragons-jid-my-enemy-league-of-legends-(freetones.info).mp3 -------------------------------------------------------------------------------- /Music-Website/media/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Music-Website/media/logo.png -------------------------------------------------------------------------------- /Music-Website/media/pause.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Music-Website/media/pause.png -------------------------------------------------------------------------------- /Music-Website/media/play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Music-Website/media/play.png -------------------------------------------------------------------------------- /Music-Website/script.js: -------------------------------------------------------------------------------- 1 | var mySong = document.getElementById("mySong"); 2 | var icon = document.getElementById("icon"); 3 | icon.onclick = function(){ 4 | if(mySong.paused){ 5 | mySong.play(); 6 | icon.src = "media/pause.png"; 7 | } 8 | else{ 9 | mySong.pause(); 10 | icon.src = "media/play.png"; 11 | } 12 | } -------------------------------------------------------------------------------- /NPM Cheat Sheet.md: -------------------------------------------------------------------------------- 1 | NPM (Node Package Manager) Cheat sheet of mostly used commands 2 | 3 | # Install all packages defined in package.json 4 | npm install 5 | 6 | # Install a particular package for the given project 7 | npm install package_name 8 | 9 | # Install a particular package for all projects, in other words install package with global scope 10 | npm install package_name -g 11 | 12 | # To Lists the installed versions of all dependencies in this software 13 | npm list 14 | 15 | # Remove packages globally 16 | npm uninstall -g package-name 17 | 18 | # Show global packages 19 | npm list -g 20 | 21 | # List all npm configuration flags 22 | npm config ls -l 23 | 24 | # Update the global npm version. 25 | npm update npm -g 26 | 27 | # Locally edit a dependency 28 | npm edit 29 | 30 | # Test & Show the full dependency tree 31 | npm install --dry-run 32 | -------------------------------------------------------------------------------- /Navbars/1st/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Navbars 9 | 10 | 11 |
12 | 13 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /Navbars/2nd/ham-menu.js: -------------------------------------------------------------------------------- 1 | const HamToggleButton = document.getElementsByClassName("ham-menu")[0] 2 | const NavLinks = document.getElementsByClassName("links")[0] 3 | const navBar = document.getElementsByClassName("navbar")[0] 4 | 5 | HamToggleButton.addEventListener('click', () =>{ 6 | NavLinks.classList.toggle('active') 7 | navBar.classList.toggle('active') 8 | }) -------------------------------------------------------------------------------- /Navbars/2nd/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Responsive Navbar 8 | 9 | 10 | 11 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /Navbars/images/icon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Navbars/images/icon.jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (1).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (2).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (3).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7 (3).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7.jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-max-alpha-tr-3-mens-training-shoe-0C1CV7.png -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (1).png -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (2).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (3).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (3).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (4).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW (4).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/air-zoom-superrep-mens-hiit-class-shoe-ZWLnJW.jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/nike-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/nike-logo.png -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH (1).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH (2).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH (3).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH (3).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH.jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoom-fly-3-mens-running-shoe-XhzpPH.png -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (1).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (2).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (3).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (3).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (4).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG (4).jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG-1.jpg -------------------------------------------------------------------------------- /Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Nike shoes landing page/assets/zoomx-vaporfly-next-running-shoe-4Q5jfG.png -------------------------------------------------------------------------------- /Nike shoes landing page/readme.md: -------------------------------------------------------------------------------- 1 | ## Animated-Nike-Shoes 2 | -------------------------------------------------------------------------------- /NumGuesserGame-2Player/README.txt: -------------------------------------------------------------------------------- 1 | A simple 2 player Num Guesser Game made using html,css and js. 2 | 3 | One of the first projects i made using js to learn about dom manipulation and random number generation. -------------------------------------------------------------------------------- /Number_Guessing_Game/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Number Guessing Game 8 | 9 | 10 | 11 |
12 |

I am Thinking of a number Between 1-100.

13 |

Can you Guess it

14 | 15 | 16 |
17 | 18 | 19 |

No. of Guesss : 0

20 |

Guessed number are : none

21 |

22 |
23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Number_Guessing_Game/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | body { 7 | height: 100vh; 8 | background: linear-gradient(to right, #7f53ac, #657ced); 9 | } 10 | .container { 11 | position: absolute; 12 | width: 50%; 13 | min-width: 580px; 14 | transform: translate(-50%, -50%); 15 | top: 50%; 16 | left: 50%; 17 | background: #fff; 18 | padding: 50px 10px; 19 | border-radius: 5px; 20 | display: grid; 21 | justify-items: center; 22 | font-family: "poppins", sans-serif; 23 | } 24 | h3 { 25 | font-size: 30px; 26 | font-weight: 600; 27 | } 28 | input[type="text"] { 29 | width: 90px; 30 | font-weight: 600; 31 | padding: 20px 0; 32 | font-size: 28px; 33 | text-align: center; 34 | margin-top: 30px; 35 | border-radius: 5px; 36 | border: 2px solid #202020; 37 | color: #663399; 38 | } 39 | button { 40 | width: 160px; 41 | padding: 15px 0; 42 | border-radius: 5px; 43 | background-color: #663399; 44 | color: #fff; 45 | border: none; 46 | font-size: 18px; 47 | font-weight: 600; 48 | margin-bottom: 30px; 49 | } 50 | p { 51 | font-weight: 400; 52 | } 53 | -------------------------------------------------------------------------------- /POP up/404-tick.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/POP up/404-tick.png -------------------------------------------------------------------------------- /Price Template/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family: "Montserrat"; 3 | text-align: center; 4 | background-color: #DDDDDD; 5 | } 6 | 7 | h1,h2,h3{ 8 | font-family: "Montserrat"; 9 | font-weight: 900; 10 | } 11 | 12 | p{ 13 | color: #8f8f8f; 14 | } 15 | 16 | #pricing{ 17 | padding: 100px; 18 | } 19 | 20 | .pricing-text{ 21 | font-size: 2.5rem; 22 | line-height: 1.5; 23 | } 24 | 25 | .pricing-column{ 26 | padding: 3% 2%; 27 | } 28 | 29 | .big-heading{ 30 | font-size: 2.5rem; 31 | line-height: 1.5; 32 | } 33 | -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/BG.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/BG.jpg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/Profile - 1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/Profile - 1.jpg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/Profile banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/Profile banner.jpg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/banner.jpg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/img1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/img1.png -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/img4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/img4.png -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/img6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/img6.png -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/img6.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/img6.webp -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/ing3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/ing3.png -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/ing5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/ing5.png -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/pexels-lisa-fotios-1083822.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/pexels-lisa-fotios-1083822.jpg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/profile-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/profile-1.jpeg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/profile-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/profile-2.jpeg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/profile-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/profile-3.jpeg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/profile-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/profile-4.jpeg -------------------------------------------------------------------------------- /Responsive Portfolio Website/images/profile-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Responsive Portfolio Website/images/profile-5.jpeg -------------------------------------------------------------------------------- /SS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/SS.png -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/1.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/2.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/3.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/4.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/5.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/6.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-1.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-2.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-3.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-4.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-5.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-6.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-7.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-8.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/g-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/g-9.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/p-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/p-1.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/p-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/p-2.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/p-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/p-3.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/p-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/p-4.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/p-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/p-5.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/p-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/p-6.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/p2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/p2.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/pic-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/pic-1.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/pic-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/pic-2.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/pic-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/pic-3.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/pic-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/pic-4.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/pic-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/pic-5.jpg -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/vid-1.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/vid-1.mp4 -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/vid-2.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/vid-2.mp4 -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/vid-3.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/vid-3.mp4 -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/vid-4.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/vid-4.mp4 -------------------------------------------------------------------------------- /Tourism-Management-System-master/images/vid-5.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Tourism-Management-System-master/images/vid-5.mp4 -------------------------------------------------------------------------------- /Weather/Cloud.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Weather/Cloud.jpg -------------------------------------------------------------------------------- /Weather/Haze.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Weather/Haze.png -------------------------------------------------------------------------------- /Weather/Rain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Weather/Rain.png -------------------------------------------------------------------------------- /Weather/Snow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Weather/Snow.png -------------------------------------------------------------------------------- /Weather/Sunny.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Weather/Sunny.png -------------------------------------------------------------------------------- /Weather/Thunder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Weather/Thunder.png -------------------------------------------------------------------------------- /Weather/front.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/Weather/front.png -------------------------------------------------------------------------------- /Windows Cheatsheet.md: -------------------------------------------------------------------------------- 1 | WINDOWS: 2 | 3 | #Print current working directory pathname. 4 | echo %cd% 5 | 6 | #Make a new directory 7 | mkdir mynewfolder 8 | 9 | #Change current directory to another directory 10 | cd nameoffolder 11 | 12 | #Change directory to parent directory 13 | cd .. 14 | 15 | #List the contents of current directory 16 | dir 17 | 18 | #Run the Python Interpreter 19 | python 20 | 21 | #Run the Python program stored in the 'program.py' file 22 | python program.py 23 | 24 | #List all content in current directory 25 | ls 26 | -------------------------------------------------------------------------------- /all-you-need-in-html-main/README.md: -------------------------------------------------------------------------------- 1 | # all-you-need-in-html 2 | Created with CodeSandbo 3 | This repository contains all you need for starting an html page 4 | 1. h tag 5 | 2. p tag 6 | 3. lists 7 | 4. forms 8 | 5. colors 9 | 6. footer 10 | 7. br , hr 11 | 8. comments 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | ![image](https://user-images.githubusercontent.com/88227668/194459412-d487bee7-164e-49a2-9ac6-3832870dbc07.png) 20 | 21 | 22 | -------------------------------------------------------------------------------- /all-you-need-in-html-main/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "static", 3 | "version": "1.0.0", 4 | "description": "This is a static template with no bundling", 5 | "main": "index.html", 6 | "scripts": { 7 | "start": "serve", 8 | "build": "echo This is a static template, there is no bundler or bundling involved!" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/codesandbox-app/static-template.git" 13 | }, 14 | "keywords": [ 15 | "static", 16 | "template", 17 | "codesandbox" 18 | ], 19 | "author": "Ives van Hoorne", 20 | "license": "MIT", 21 | "bugs": { 22 | "url": "https://github.com/codesandbox-app/static-template/issues" 23 | }, 24 | "homepage": "https://github.com/codesandbox-app/static-template#readme", 25 | "devDependencies": { 26 | "serve": "^11.2.0" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /all-you-need-in-html-main/sandbox.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "template": "static" 3 | } 4 | -------------------------------------------------------------------------------- /blob+gradient/blob/extra: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | 5 |
6 | 7 |
8 | 9 |
10 | 11 |
-------------------------------------------------------------------------------- /blob+gradient/gradient/script.js: -------------------------------------------------------------------------------- 1 | let colorOne = document.getElementById('color-a'); 2 | let colorTwo = document.getElementById('color-b'); 3 | let currDirection = 'to bottom'; 4 | let outputCode = document.getElementById('code'); 5 | 6 | function setDirection(value, _this){ 7 | let directions = document.querySelectorAll(".buttons button"); 8 | for(let i of directions){ 9 | i.classList.remove('active'); 10 | } 11 | _this.classList.add('active'); 12 | currDirection = value; 13 | 14 | } 15 | 16 | function generateCode(){ 17 | outputCode.value=`background-image: linear-gradient( ${currDirection} , ${colorOne.value}, ${colorTwo.value} )`; 18 | 19 | document.getElementById('gradient').style.backgroundImage = `linear-gradient( ${currDirection} , ${colorOne.value}, ${colorTwo.value} )`; 20 | } 21 | 22 | function copyText(){ 23 | outputCode.select(); 24 | console.log('clicked'); 25 | document.execCommand('copy'); 26 | alert('Gradient Copied'); 27 | } 28 | 29 | generateCode(); -------------------------------------------------------------------------------- /blurry-image-loader/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Blurry Loading 8 | 9 | 10 |
11 |
0%
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /blurry-image-loader/script.js: -------------------------------------------------------------------------------- 1 | const loadText = document.querySelector('.loading-text') 2 | const bg = document.querySelector('.bg') 3 | let load = 0; 4 | 5 | let int = setInterval(blurring,30) 6 | 7 | function blurring(){ 8 | load++ 9 | if (load>99){ 10 | clearInterval(int) 11 | } 12 | loadText.innerText = `${load}%` 13 | loadText.style.opacity = scale(load,0,100,1,0) 14 | bg.style.filter = `blur(${scale(load,0,100,30,0)}px)` 15 | } 16 | 17 | const scale = (number, inMin, inMax, outMin, outMax) =>{ 18 | return (number - inMin) * (outMax - outMin) / (inMax - inMin) + outMin; 19 | } 20 | -------------------------------------------------------------------------------- /blurry-image-loader/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Ubuntu'); 2 | 3 | * { 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | font-family: 'Ubuntu', sans-serif; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | height: 100vh; 13 | overflow: hidden; 14 | margin: 0; 15 | } 16 | 17 | .bg { 18 | background: url('https://images.unsplash.com/photo-1576161787924-01bb08dad4a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2104&q=80') 19 | no-repeat center center/cover; 20 | position: absolute; 21 | top: -30px; 22 | left: -30px; 23 | width: calc(100vw + 60px); 24 | height: calc(100vh + 60px); 25 | z-index: -1; 26 | filter: blur(0px); 27 | } 28 | 29 | .loading-text { 30 | font-size: 50px; 31 | color: #fff; 32 | } 33 | -------------------------------------------------------------------------------- /chaflix company web site/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | dist/ 3 | .cache/ -------------------------------------------------------------------------------- /chaflix company web site/.htmlnanorc: -------------------------------------------------------------------------------- 1 | { 2 | "minifySvg": false 3 | } -------------------------------------------------------------------------------- /chaflix company web site/components/badges.html: -------------------------------------------------------------------------------- 1 |
10% off
2 |
10% off
3 | -------------------------------------------------------------------------------- /chaflix company web site/components/block.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Heading

4 |

5 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil, 6 | laboriosam. 7 |

8 |
9 |
-------------------------------------------------------------------------------- /chaflix company web site/components/button.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | 9 | hello now 10 | -------------------------------------------------------------------------------- /chaflix company web site/components/callout.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Ready to Get Started?

4 |
5 |

6 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi 7 | voluptate tempora qui distinctio consequatur aliquid pariatur cupiditate 8 | quas cum fugit. 9 |

10 |
11 |
12 | 13 | get started 14 |
15 | -------------------------------------------------------------------------------- /chaflix company web site/components/card.html: -------------------------------------------------------------------------------- 1 |
2 |

Card Title

3 | 4 |
5 |

Lorem ipsum dolor sit amet con elit. Vero possimus , nam dolore?

6 |
7 |
8 | 9 |
10 |
11 |

Card Title

12 |
13 |

Lorem ipsum dolor sit amet con elit. Vero possimus , nam dolore?

14 |
15 |
16 |
17 | -------------------------------------------------------------------------------- /chaflix company web site/components/collaps.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |

Heading

5 | 6 |
7 | 8 | 9 | 10 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem corporis aperiam 11 | reprehenderit recusandae repudiande? Animi nihil earum magni quas explicabo ex odio quidem sapiente a 12 | cupiditate! 13 | Consectetur, eligendi at?

14 | 15 |
-------------------------------------------------------------------------------- /chaflix company web site/components/grid.htm: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 | -------------------------------------------------------------------------------- /chaflix company web site/components/groupe-searsh.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
5 | -------------------------------------------------------------------------------- /chaflix company web site/components/hero.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

Cloud Hosting for Pros

5 |

Deploy your websites in less than 60 second

6 | 7 | get started 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 |
-------------------------------------------------------------------------------- /chaflix company web site/components/icons.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chaflix company web site/components/input.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /chaflix company web site/components/links.html: -------------------------------------------------------------------------------- 1 | LEARN MORE 2 | -------------------------------------------------------------------------------- /chaflix company web site/components/listes.html: -------------------------------------------------------------------------------- 1 | 7 | 8 | 14 | -------------------------------------------------------------------------------- /chaflix company web site/components/media.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |

Easy Start & Managed Updates

10 |
11 |

12 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam 13 | quisquam, ex nostrum vero voluptates dicta excepturi vel perspiciatis 14 | consequuntur ab. 15 |

16 |
17 | 18 |
19 | -------------------------------------------------------------------------------- /chaflix company web site/components/navigation_bar.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /chaflix company web site/components/plan.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Entry

4 |
5 |

$14

6 |

/month

7 | 8 |
10% off
9 |
10 |

East start on the clouds

11 |
12 |
13 |
    14 |
  • Unlimited Websites
    • 15 |
  • Unlimited Bandwidth
    • 16 |
  • 100 GB SSD Sotrage
    • 17 |
  • 3 GB RAM
    • 18 |
19 | 22 |
23 |
24 | -------------------------------------------------------------------------------- /chaflix company web site/components/quete.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae adipisci 4 | perferendis quos soluta neque velit aliquam tenetur, enim repellat deleniti. 5 |

6 |
7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |

Ouchaou Chafaa

16 |
17 |

AEU company

18 |
19 | 20 |
21 |
22 |
23 | -------------------------------------------------------------------------------- /chaflix company web site/description.md: -------------------------------------------------------------------------------- 1 | HTML and CSS code for a bietiful and responsive web site that looks good in all 2 | sceran sizes 3 | the css is clean 4 | the web site is fast 5 | 6 | ther is a folder "components" containain all the component and the blocks of the web site 7 | -------------------------------------------------------------------------------- /chaflix company web site/images/banner1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/banner1x.png -------------------------------------------------------------------------------- /chaflix company web site/images/banner1x.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/banner1x.webp -------------------------------------------------------------------------------- /chaflix company web site/images/banner2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/banner2x.png -------------------------------------------------------------------------------- /chaflix company web site/images/banner2x.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/banner2x.webp -------------------------------------------------------------------------------- /chaflix company web site/images/chevron.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /chaflix company web site/images/easy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/easy.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/easy.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/easy.webp -------------------------------------------------------------------------------- /chaflix company web site/images/easy@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/easy@2x.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/easy@2x.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/easy@2x.webp -------------------------------------------------------------------------------- /chaflix company web site/images/fast.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/fast.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/fast.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/fast.webp -------------------------------------------------------------------------------- /chaflix company web site/images/fast@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/fast@2x.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/fast@2x.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/fast@2x.webp -------------------------------------------------------------------------------- /chaflix company web site/images/ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/ipad.png -------------------------------------------------------------------------------- /chaflix company web site/images/ipad.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/ipad.webp -------------------------------------------------------------------------------- /chaflix company web site/images/ipad@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/ipad@2x.png -------------------------------------------------------------------------------- /chaflix company web site/images/ipad@2x.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/ipad@2x.webp -------------------------------------------------------------------------------- /chaflix company web site/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/logo.png -------------------------------------------------------------------------------- /chaflix company web site/images/popular.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Popular 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /chaflix company web site/images/support.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/support.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/support.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/support.webp -------------------------------------------------------------------------------- /chaflix company web site/images/support@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/support@2x.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/support@2x.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/support@2x.webp -------------------------------------------------------------------------------- /chaflix company web site/images/testimonial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/testimonial.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/tick.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /chaflix company web site/images/wordpress.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/wordpress.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/wordpress.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/wordpress.webp -------------------------------------------------------------------------------- /chaflix company web site/images/wordpress@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/wordpress@2x.jpg -------------------------------------------------------------------------------- /chaflix company web site/images/wordpress@2x.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/chaflix company web site/images/wordpress@2x.webp -------------------------------------------------------------------------------- /chaflix company web site/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "part3exki", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/chafaaouchaou/chaflix.git" 12 | }, 13 | "keywords": [], 14 | "author": "", 15 | "license": "ISC", 16 | "bugs": { 17 | "url": "https://github.com/chafaaouchaou/chaflix/issues" 18 | }, 19 | "homepage": "https://github.com/chafaaouchaou/chaflix#readme", 20 | "devDependencies": { 21 | "parcel-bundler": "^1.12.5" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /conda-cheatsheet.md: -------------------------------------------------------------------------------- 1 | 2 | # Conda CheatSheet for Developers 3 | 4 | ## Basic Syntax of conda env 5 | 6 | Create a new environment 7 | `conda create --name env_name` 8 | List all available environments 9 | `conda env list` 10 | Activate a special environment 11 | `conda activate env_name` 12 | Installing a package 13 | `conda install package_name` 14 | Checking conda version 15 | `conda info` 16 | Update conda version 17 | `conda update conda` 18 | -------------------------------------------------------------------------------- /css flexbox and grid layout/grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | CSS Grid 8 | 9 | 10 | 11 |
12 | Flex 13 | Grid 14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | -------------------------------------------------------------------------------- /customcursor/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | customcursor 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /customcursor/script.js: -------------------------------------------------------------------------------- 1 | const cursor = document.querySelector('.cursor-shape'); 2 | window.addEventListener('mousemove', e =>{ 3 | cursor.setAttribute("style","top: "+(e.pageY-10)+"px;" + "left: "+(e.pageX-10)+"px;"); 4 | }); 5 | 6 | 7 | window.addEventListener("scroll" , ()=>{ 8 | const fromTop = parseInt(cursor.getAttribute('data-fromTop')); 9 | cursor.style.top = scrollY+fromTop + 'px'; 10 | 11 | }); 12 | 13 | // window.addEventListener("click" , ()=>{ 14 | // if (cursor.classList.contains("click")) { 15 | // cursor.classList.remove("click"); 16 | 17 | // void cursor.offsetWidth; 18 | // cursor.classList.add("click"); 19 | // } 20 | // else{ 21 | // cursor.classList.add("click"); 22 | // } 23 | // }) 24 | 25 | -------------------------------------------------------------------------------- /customcursor/style.css: -------------------------------------------------------------------------------- 1 | body 2 | { 3 | cursor:none; 4 | } 5 | 6 | .cursor-shape{ 7 | width: 20px; 8 | height: 20px; 9 | border-radius: 50%; 10 | position: absolute; 11 | border: 3px solid rgb(221, 217, 217); 12 | pointer-events: none; 13 | transition-duration:100ms ; 14 | transition-timing-function: ease-out; 15 | } 16 | 17 | .cursor-shape.click::before{ 18 | animation: click 0.5s ease-in-out forwards; 19 | } 20 | 21 | @keyframes click { 22 | 0%{ 23 | opacity: 1; 24 | transform: translate(-50% , -50%) scale(1); 25 | } 26 | 100%{ 27 | opacity: 0; 28 | transform: translate(-50% , -50%) scale(3); 29 | 30 | } 31 | } -------------------------------------------------------------------------------- /dg/.gitignore: -------------------------------------------------------------------------------- 1 | DiceLayout.bmpr -------------------------------------------------------------------------------- /dg/JavaScript/Starting.js: -------------------------------------------------------------------------------- 1 | var name1=prompt("Enter The Name Of First Player"); 2 | var name2=prompt("Enter The Name Of Second Player"); 3 | document.querySelector('.firstPlayer').innerHTML=name1; 4 | document.querySelector('.secondPlayer').innerHTML=name2; 5 | function retname1(){ 6 | if(name1!==" "){ 7 | return name1; 8 | }else{ 9 | return " "; 10 | } 11 | 12 | } 13 | 14 | function retname2(){ 15 | if(name2!==" "){ 16 | return name2 17 | }else{ 18 | return " "; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /dg/README.md: -------------------------------------------------------------------------------- 1 | # Dice-Game 2 | This is my first Dice Game Using JavaScript,Css and Html. only open with desktop or laptop as it is not a responsive site. 3 | -------------------------------------------------------------------------------- /dg/images/dice1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/dice1.png -------------------------------------------------------------------------------- /dg/images/dice2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/dice2.png -------------------------------------------------------------------------------- /dg/images/dice3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/dice3.png -------------------------------------------------------------------------------- /dg/images/dice4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/dice4.png -------------------------------------------------------------------------------- /dg/images/dice5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/dice5.png -------------------------------------------------------------------------------- /dg/images/dice6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/dice6.png -------------------------------------------------------------------------------- /dg/images/favicon .ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/favicon .ico -------------------------------------------------------------------------------- /dg/images/gratis-png-datos-dados-elemento-dado.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/gratis-png-datos-dados-elemento-dado.png -------------------------------------------------------------------------------- /dg/images/kisspng-portable-network-graphics-clip-art-transparency-ve-5cef00d6d2f595.8690147815591671908641.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/kisspng-portable-network-graphics-clip-art-transparency-ve-5cef00d6d2f595.8690147815591671908641.jpg -------------------------------------------------------------------------------- /dg/images/types-dice.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/dg/images/types-dice.jpg -------------------------------------------------------------------------------- /favicons/about.txt: -------------------------------------------------------------------------------- 1 | This favicon was generated using the following graphics from Twitter Twemoji: 2 | 3 | - Graphics Title: 1f4bb.svg 4 | - Graphics Author: Copyright 2020 Twitter, Inc and other contributors (https://github.com/twitter/twemoji) 5 | - Graphics Source: https://github.com/twitter/twemoji/blob/master/assets/svg/1f4bb.svg 6 | - Graphics License: CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/) 7 | -------------------------------------------------------------------------------- /favicons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/favicons/android-chrome-192x192.png -------------------------------------------------------------------------------- /favicons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/favicons/android-chrome-512x512.png -------------------------------------------------------------------------------- /favicons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/favicons/apple-touch-icon.png -------------------------------------------------------------------------------- /favicons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/favicons/favicon-16x16.png -------------------------------------------------------------------------------- /favicons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/favicons/favicon-32x32.png -------------------------------------------------------------------------------- /favicons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/favicons/favicon.ico -------------------------------------------------------------------------------- /favicons/site.webmanifest: -------------------------------------------------------------------------------- 1 | {"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} -------------------------------------------------------------------------------- /hotel webapp/images/815.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/815.jpg -------------------------------------------------------------------------------- /hotel webapp/images/816.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/816.jpg -------------------------------------------------------------------------------- /hotel webapp/images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/bg.jpg -------------------------------------------------------------------------------- /hotel webapp/images/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/bg2.jpg -------------------------------------------------------------------------------- /hotel webapp/images/bg3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/bg3.jpg -------------------------------------------------------------------------------- /hotel webapp/images/cake.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/cake.jpg -------------------------------------------------------------------------------- /hotel webapp/images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/close.png -------------------------------------------------------------------------------- /hotel webapp/images/cup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/cup.jpg -------------------------------------------------------------------------------- /hotel webapp/images/expert1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/expert1.jpg -------------------------------------------------------------------------------- /hotel webapp/images/expert2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/expert2.jpg -------------------------------------------------------------------------------- /hotel webapp/images/expert3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/expert3.jpg -------------------------------------------------------------------------------- /hotel webapp/images/expert4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/expert4.jpg -------------------------------------------------------------------------------- /hotel webapp/images/hoc1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/hoc1.jpg -------------------------------------------------------------------------------- /hotel webapp/images/hoc2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/hoc2.jpg -------------------------------------------------------------------------------- /hotel webapp/images/hoc3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/hoc3.jpg -------------------------------------------------------------------------------- /hotel webapp/images/hoc4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/hoc4.jpg -------------------------------------------------------------------------------- /hotel webapp/images/img (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/img (2).jpg -------------------------------------------------------------------------------- /hotel webapp/images/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/img1.jpg -------------------------------------------------------------------------------- /hotel webapp/images/menu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu.jpg -------------------------------------------------------------------------------- /hotel webapp/images/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu.png -------------------------------------------------------------------------------- /hotel webapp/images/menu1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu1.jpg -------------------------------------------------------------------------------- /hotel webapp/images/menu2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu2.jpg -------------------------------------------------------------------------------- /hotel webapp/images/menu3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu3.jpg -------------------------------------------------------------------------------- /hotel webapp/images/menu4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu4.jpg -------------------------------------------------------------------------------- /hotel webapp/images/menu5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu5.jpg -------------------------------------------------------------------------------- /hotel webapp/images/menu6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/menu6.jpg -------------------------------------------------------------------------------- /hotel webapp/images/radison.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/radison.jpg -------------------------------------------------------------------------------- /hotel webapp/images/taiil.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/taiil.jpg -------------------------------------------------------------------------------- /hotel webapp/images/tail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/tail.jpg -------------------------------------------------------------------------------- /hotel webapp/images/testi1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/testi1.jpg -------------------------------------------------------------------------------- /hotel webapp/images/testi2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/testi2.jpg -------------------------------------------------------------------------------- /hotel webapp/images/testi3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/testi3.jpg -------------------------------------------------------------------------------- /hotel webapp/images/thali.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/hotel webapp/images/thali.jpg -------------------------------------------------------------------------------- /icon/fa twitter-16x16-761629.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/icon/fa twitter-16x16-761629.png -------------------------------------------------------------------------------- /icon/facebook-16x16-761598.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/icon/facebook-16x16-761598.png -------------------------------------------------------------------------------- /icon/github-16x16-761603.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/icon/github-16x16-761603.png -------------------------------------------------------------------------------- /icon/linkedin-16x16-761611.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/icon/linkedin-16x16-761611.png -------------------------------------------------------------------------------- /javascrip DOM aplications/Dropdown text/assets/kjl.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/javascrip DOM aplications/Dropdown text/assets/kjl.jpg -------------------------------------------------------------------------------- /javascrip DOM aplications/Dropdown text/description.md: -------------------------------------------------------------------------------- 1 | a small project consiste i drop down text when clicking on the show or hide button 2 | // chafaaouchaou 3 | -------------------------------------------------------------------------------- /javascrip DOM aplications/Queote generator/components/barre.html: -------------------------------------------------------------------------------- 1 |
Javascript Quotes Generator
-------------------------------------------------------------------------------- /javascrip DOM aplications/Queote generator/components/button.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /javascrip DOM aplications/Queote generator/description.md: -------------------------------------------------------------------------------- 1 | this small project generate new quote ech time you click on the generate button 2 | the quotes are stored in a list in the quotes.js file 3 | // chafaaouchaou 4 | -------------------------------------------------------------------------------- /javascrip DOM aplications/Queote generator/images/aze.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/javascrip DOM aplications/Queote generator/images/aze.jpg -------------------------------------------------------------------------------- /javascrip DOM aplications/Queote generator/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 |
Javascript Quotes Generator
15 |
16 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quam tenetur 17 | aliquid 18 | magnam commodi. 19 |

20 |

Hello World

21 | 22 |
23 |
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /javascrip DOM aplications/Queote generator/js/index.js: -------------------------------------------------------------------------------- 1 | import { quote } from "./quotes.js"; 2 | 3 | // chafaaouchaou 4 | 5 | function creation(a) { 6 | 7 | const p1 = new quote(a); 8 | console.log(p1); 9 | quote_text.innerText=p1.quote 10 | quote_auther.innerText=p1.author 11 | } 12 | 13 | 14 | const btn = document.querySelector('.btn'); 15 | const quote_text=document.querySelector('.quote-text'); 16 | const quote_auther= document.querySelector('.quote-auther'); 17 | 18 | btn.addEventListener('click',function () { 19 | // console.log("maaaman"); 20 | // console.log( Math.floor(Math.random() * 7)); 21 | creation(Math.floor(Math.random() * 6)); 22 | }) 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /javascrip DOM aplications/stopwatch/assets/atm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/javascrip DOM aplications/stopwatch/assets/atm.jpg -------------------------------------------------------------------------------- /javascrip DOM aplications/stopwatch/assets/play-solid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /javascrip DOM aplications/stopwatch/assets/reply-solid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /javascrip DOM aplications/stopwatch/assets/stop-solid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /javascrip DOM aplications/stopwatch/css/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | display:flex; 3 | background: url(../assets/atm.jpg); 4 | background-size: cover; 5 | justify-content: center; 6 | align-items: center; 7 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 8 | height: 100vh; 9 | } 10 | 11 | 12 | .container{ 13 | width: 200px; 14 | text-align: center; 15 | border-radius: 10px; 16 | overflow: hidden; 17 | font-size: 2rem; 18 | font-weight: 500; 19 | box-shadow: 0 0 5px 2px; 20 | background-color: white; 21 | width: 30%; 22 | } 23 | 24 | 25 | .pr{ 26 | display: flex; 27 | justify-content: space-evenly; 28 | background-color: white; 29 | 30 | } 31 | 32 | .image{ 33 | width: 40px; 34 | cursor: pointer; 35 | 36 | } 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /javascrip DOM aplications/stopwatch/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 | 14 |
15 |

00:00:00

16 |
17 | 18 | 19 | 20 |
21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /jumpinganimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Animation 9 | 10 | 11 | 12 | 13 | 14 | 15 |

Jumping Animation

16 | Jumping 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /jumpinganimation/style.css: -------------------------------------------------------------------------------- 1 | a{ 2 | animation: jumping 0.5s ease 0s infinite alternate-reverse both; 3 | background-color: aqua; 4 | border-radius: 50%; 5 | display: inline-block; 6 | color: white; 7 | cursor: pointer; 8 | font-size: 0.75rem; 9 | font-weight: 400; 10 | letter-spacing: .2em; 11 | padding: 1em 2em 1.1em; 12 | position: relative; 13 | text-decoration: none; 14 | vertical-align: top; 15 | margin-top: 200px; 16 | text-transform: uppercase; 17 | width: 10%; 18 | text-align: center; 19 | 20 | 21 | } 22 | h1{ 23 | margin-top: 5%; 24 | font-family: sans-serif; 25 | } 26 | @keyframes jumping { 27 | 0%{ 28 | bottom: 0; 29 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 30 | } 31 | 100%{ 32 | bottom: 50px; 33 | box-shadow: 0 50px 50px rgba(0, 0, 0, 0.1) ; 34 | background-color: blueviolet; 35 | } 36 | 37 | } 38 | -------------------------------------------------------------------------------- /portfolio(s)/user-interface.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/portfolio(s)/user-interface.gif -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/.env.example: -------------------------------------------------------------------------------- 1 | REACT_APP_RAPIDAPI_KEY = '5gvbmn xcv n' 2 | REACT_APP_CRYPTO_RAPIDAPI_HOST ='sscvnb mn' 3 | REACT_APP_CRYPTO_API_URL = 'azsfxcbm ' 4 | REACT_APP_NEWS_API_URL = 'sdfhvbn ,m' 5 | REACT_APP_NEWS_RAPIDAPI_HOST = 'rzedghvbmn ' 6 | 7 | 8 | ESLINT_NO_DEV_ERRORS=true -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: adrianhajdin 2 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | .env 5 | /node_modules 6 | /.pnp 7 | .pnp.js 8 | 9 | # testing 10 | /coverage 11 | 12 | # production 13 | /build 14 | 15 | # misc 16 | .env 17 | .DS_Store 18 | .env.local 19 | .env.development.local 20 | .env.test.local 21 | .env.production.local 22 | 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/README.md: -------------------------------------------------------------------------------- 1 | # Cryptoverse - Explore the World of Cryptocurrency 2 | 3 | ![Cryptoverse](https://i.ibb.co/8gh5Jc8/image.png) 4 | 5 | ## Introduction 6 | This is a code repository for the corresponding video tutorial. 7 | 8 | In this video, we will create a cryptocurrency app. We're going to use React and multiple APIs powered by https://rapidapi.com. 9 | 10 | By the end of this video, you will become the master of working with APIs. 11 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/public/_redirects: -------------------------------------------------------------------------------- 1 | /* /index.html 200 -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/public/cryptocurrency.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/project_cryptoverse-main/project_cryptoverse-main/public/cryptocurrency.png -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Cryptoverse 12 | 13 | 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/src/app/store.js: -------------------------------------------------------------------------------- 1 | import { configureStore } from '@reduxjs/toolkit'; 2 | 3 | import { cryptoApi } from '../services/cryptoApi'; 4 | import { cryptoNewsApi } from '../services/cryptoNewsApi'; 5 | 6 | export default configureStore({ 7 | reducer: { 8 | [cryptoApi.reducerPath]: cryptoApi.reducer, 9 | [cryptoNewsApi.reducerPath]: cryptoNewsApi.reducer, 10 | }, 11 | }); 12 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/src/components/Loader.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Spin } from 'antd'; 3 | 4 | const Loader = () => ( 5 |
6 | 7 |
8 | ); 9 | 10 | export default Loader; 11 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/src/components/index.js: -------------------------------------------------------------------------------- 1 | export { default as Homepage } from './Homepage'; 2 | export { default as Navbar } from './Navbar'; 3 | export { default as News } from './News'; 4 | export { default as Cryptocurrencies } from './Cryptocurrencies'; 5 | export { default as Exchanges } from './Exchanges'; 6 | export { default as CryptoDetails } from './CryptoDetails'; 7 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/src/images/cryptocurrency.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/project_cryptoverse-main/project_cryptoverse-main/src/images/cryptocurrency.png -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/src/index.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import ReactDOM from 'react-dom'; 4 | import { Provider } from 'react-redux'; 5 | import { BrowserRouter as Router } from 'react-router-dom'; 6 | 7 | import App from './App'; 8 | import store from './app/store'; 9 | 10 | import 'antd/dist/antd.css'; 11 | 12 | ReactDOM.render( 13 | 14 | 15 | 16 | 17 | 18 | 19 | , 20 | document.getElementById('root'), 21 | ); 22 | 23 | -------------------------------------------------------------------------------- /project_cryptoverse-main/project_cryptoverse-main/src/services/cryptoNewsApi.js: -------------------------------------------------------------------------------- 1 | import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'; 2 | 3 | const cryptoNewsHeaders = { 4 | 'x-bingapis-sdk': 'true', 5 | 'x-rapidapi-key': process.env.REACT_APP_RAPIDAPI_KEY, 6 | 'x-rapidapi-host': process.env.REACT_APP_NEWS_RAPIDAPI_HOST, 7 | }; 8 | 9 | const createRequest = (url) => ({ url, headers: cryptoNewsHeaders }); 10 | 11 | export const cryptoNewsApi = createApi({ 12 | reducerPath: 'cryptoNewsApi', 13 | baseQuery: fetchBaseQuery({ baseUrl: process.env.REACT_APP_NEWS_API_URL }), 14 | endpoints: (builder) => ({ 15 | getCryptoNews: builder.query({ 16 | query: ({ newsCategory, count }) => createRequest(`/news/search?q=${newsCategory}&safeSearch=Off&textFormat=Raw&freshness=Day&count=${count}`), 17 | }), 18 | }), 19 | }); 20 | 21 | export const { useGetCryptoNewsQuery } = cryptoNewsApi; 22 | -------------------------------------------------------------------------------- /quizapp/end.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Congrats! 8 | 9 | 10 | 11 |
12 |
13 |

14 |
15 | 21 | 30 |
31 | Play Again 32 | Go Home 33 |
34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /quizapp/end.js: -------------------------------------------------------------------------------- 1 | const username = document.getElementById('username'); 2 | const saveScoreBtn = document.getElementById('saveScoreBtn'); 3 | const finalScore = document.getElementById('finalScore'); 4 | const mostRecentScore = localStorage.getItem('mostRecentScore'); 5 | 6 | const highScores = JSON.parse(localStorage.getItem('highScores')) || []; 7 | 8 | const MAX_HIGH_SCORES = 5; 9 | 10 | finalScore.innerText = mostRecentScore; 11 | 12 | username.addEventListener('keyup', () => { 13 | saveScoreBtn.disabled = !username.value; 14 | }); 15 | 16 | saveHighScore = (e) => { 17 | e.preventDefault(); 18 | 19 | const score = { 20 | score: mostRecentScore, 21 | name: username.value, 22 | }; 23 | highScores.push(score); 24 | highScores.sort((a, b) => b.score - a.score); 25 | highScores.splice(5); 26 | 27 | localStorage.setItem('highScores', JSON.stringify(highScores)); 28 | window.location.assign('/'); 29 | }; 30 | -------------------------------------------------------------------------------- /quizapp/highscores.css: -------------------------------------------------------------------------------- 1 | #highScoresList { 2 | list-style: none; 3 | padding-left: 0; 4 | margin-bottom: 4rem; 5 | } 6 | 7 | .high-score { 8 | font-size: 2.8rem; 9 | margin-bottom: 0.5rem; 10 | } 11 | 12 | .high-score:hover { 13 | transform: scale(1.025); 14 | } 15 | -------------------------------------------------------------------------------- /quizapp/highscores.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | High Scores 8 | 9 | 10 | 11 | 12 |
13 |
14 |

High Scores

15 |
    16 | Go Home 17 |
    18 |
    19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /quizapp/highscores.js: -------------------------------------------------------------------------------- 1 | 2 | const highScoresList = document.getElementById("highScoresList"); 3 | const highScores = JSON.parse(localStorage.getItem("highScores")) || []; 4 | 5 | highScoresList.innerHTML = highScores 6 | .map(score => { 7 | return `
  • ${score.name} - ${score.score}
    • `; 8 | }) 9 | .join(""); -------------------------------------------------------------------------------- /quizapp/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Quick Quiz 8 | 9 | 10 | 11 |
    12 |
    13 |

    Quick Quiz

    14 | General Knowledge 15 | Play quiz2 16 | High Scores 17 |
    18 |
    19 | 20 | -------------------------------------------------------------------------------- /quizapp/questions.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/quizapp/questions.json -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/react-invoice-generator-app/react-invoice-generator-master/public/favicon.ico -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/react-invoice-generator-app/react-invoice-generator-master/public/logo192.png -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/react-invoice-generator-app/react-invoice-generator-master/public/logo512.png -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Invoice Generator", 3 | "name": "React Invoice Generator", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/react-invoice-generator-app/react-invoice-generator-master/screenshot.png -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/App.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import InvoicePage from './components/InvoicePage' 3 | import { Invoice } from './data/types' 4 | 5 | function App() { 6 | const savedInvoice = window.localStorage.getItem('invoiceData') 7 | let data = null 8 | 9 | try { 10 | if (savedInvoice) { 11 | data = JSON.parse(savedInvoice) 12 | } 13 | } catch (_e) { } 14 | 15 | const onInvoiceUpdated = (invoice: Invoice) => { 16 | window.localStorage.setItem('invoiceData', JSON.stringify(invoice)) 17 | } 18 | 19 | return ( 20 |
    21 |

    React Invoice Generator

    22 | 23 |
    24 | ) 25 | } 26 | 27 | export default App 28 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/components/Document.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC } from 'react' 2 | import { Document as PdfDocument } from '@react-pdf/renderer' 3 | 4 | interface Props { 5 | pdfMode?: boolean 6 | } 7 | 8 | const Document: FC = ({ pdfMode, children }) => { 9 | return <>{pdfMode ? {children} : <>{children}} 10 | } 11 | 12 | export default Document 13 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/components/DownloadPDF.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC, useEffect, useState } from 'react' 2 | import { PDFDownloadLink } from '@react-pdf/renderer' 3 | import { Invoice } from '../data/types' 4 | import InvoicePage from './InvoicePage' 5 | 6 | interface Props { 7 | data: Invoice 8 | } 9 | 10 | const Download: FC = ({ data }) => { 11 | const [show, setShow] = useState(false) 12 | 13 | useEffect(() => { 14 | setShow(false) 15 | 16 | const timeout = setTimeout(() => { 17 | setShow(true) 18 | }, 500) 19 | 20 | return () => clearTimeout(timeout) 21 | }, [data]) 22 | 23 | return ( 24 |
    25 | {show && ( 26 | } 28 | fileName={`${data.invoiceTitle ? data.invoiceTitle.toLowerCase() : 'invoice'}.pdf`} 29 | aria-label="Save PDF" 30 | > 31 | )} 32 |
    33 | ) 34 | } 35 | 36 | export default Download 37 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/components/EditableCalendarInput.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC } from 'react' 2 | import { Text } from '@react-pdf/renderer' 3 | import DatePicker from 'react-datepicker' 4 | import 'react-datepicker/dist/react-datepicker.css' 5 | import compose from '../styles/compose' 6 | 7 | interface Props { 8 | className?: string 9 | value?: string 10 | selected?: Date 11 | onChange?: (date: Date | [Date, Date] | null) => void 12 | pdfMode?: boolean 13 | } 14 | 15 | const EditableCalendarInput: FC = ({ className, value, selected, onChange, pdfMode }) => { 16 | return ( 17 | <> 18 | {pdfMode ? ( 19 | {value} 20 | ) : ( 21 | onChange(date) : (date) => null} 25 | dateFormat="MMM dd, yyyy" 26 | /> 27 | )} 28 | 29 | ) 30 | } 31 | 32 | export default EditableCalendarInput 33 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/components/EditableInput.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC } from 'react' 2 | import { Text } from '@react-pdf/renderer' 3 | import compose from '../styles/compose' 4 | 5 | interface Props { 6 | className?: string 7 | placeholder?: string 8 | value?: string 9 | onChange?: (value: string) => void 10 | pdfMode?: boolean 11 | } 12 | 13 | const EditableInput: FC = ({ className, placeholder, value, onChange, pdfMode }) => { 14 | return ( 15 | <> 16 | {pdfMode ? ( 17 | {value} 18 | ) : ( 19 | onChange(e.target.value) : undefined} 25 | /> 26 | )} 27 | 28 | ) 29 | } 30 | 31 | export default EditableInput 32 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/components/Page.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC } from 'react' 2 | import { Page as PdfPage } from '@react-pdf/renderer' 3 | import compose from '../styles/compose' 4 | 5 | interface Props { 6 | className?: string 7 | pdfMode?: boolean 8 | } 9 | 10 | const Page: FC = ({ className, pdfMode, children }) => { 11 | return ( 12 | <> 13 | {pdfMode ? ( 14 | 15 | {children} 16 | 17 | ) : ( 18 |
    {children}
    19 | )} 20 | 21 | ) 22 | } 23 | 24 | export default Page 25 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/components/Text.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC } from 'react' 2 | import { Text as PdfText } from '@react-pdf/renderer' 3 | import compose from '../styles/compose' 4 | 5 | interface Props { 6 | className?: string 7 | pdfMode?: boolean 8 | children?: string 9 | } 10 | 11 | const Text: FC = ({ className, pdfMode, children }) => { 12 | return ( 13 | <> 14 | {pdfMode ? ( 15 | {children} 16 | ) : ( 17 | {children} 18 | )} 19 | 20 | ) 21 | } 22 | 23 | export default Text 24 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/components/View.tsx: -------------------------------------------------------------------------------- 1 | import React, { FC } from 'react' 2 | import { View as PdfView } from '@react-pdf/renderer' 3 | import compose from '../styles/compose' 4 | 5 | interface Props { 6 | className?: string 7 | pdfMode?: boolean 8 | } 9 | 10 | const View: FC = ({ className, pdfMode, children }) => { 11 | return ( 12 | <> 13 | {pdfMode ? ( 14 | {children} 15 | ) : ( 16 |
    {children}
    17 | )} 18 | 19 | ) 20 | } 21 | 22 | export default View 23 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/hooks/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { RefObject, useEffect } from 'react' 2 | 3 | type AnyEvent = MouseEvent | TouchEvent 4 | 5 | function useOnClickOutside( 6 | ref: RefObject, 7 | handler: (event: AnyEvent) => void, 8 | ) { 9 | useEffect(() => { 10 | const listener = (event: AnyEvent) => { 11 | const el = ref?.current 12 | 13 | // Do nothing if clicking ref's element or descendent elements 14 | if (!el || el.contains(event.target as Node)) { 15 | return 16 | } 17 | 18 | handler(event) 19 | } 20 | 21 | document.addEventListener(`mousedown`, listener) 22 | document.addEventListener(`touchstart`, listener) 23 | 24 | return () => { 25 | document.removeEventListener(`mousedown`, listener) 26 | document.removeEventListener(`touchstart`, listener) 27 | } 28 | 29 | // Reload only if ref or handler changes 30 | }, [ref, handler]) 31 | } 32 | 33 | export default useOnClickOutside 34 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/images/remove.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/images/resize.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom' 3 | import App from './App' 4 | import './scss/main.scss' 5 | import * as serviceWorker from './serviceWorker' 6 | 7 | ReactDOM.render( 8 | , 9 | document.getElementById('root') 10 | ) 11 | 12 | // If you want your app to work offline and load faster, you can change 13 | // unregister() to register() below. Note this comes with some pitfalls. 14 | // Learn more about service workers: https://bit.ly/CRA-PWA 15 | serviceWorker.register() 16 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/scss/_color.scss: -------------------------------------------------------------------------------- 1 | .dark { 2 | color: $color-dark; 3 | } 4 | 5 | .white { 6 | color: $color-white; 7 | } 8 | 9 | .bg-white { 10 | background-color: $color-white; 11 | } 12 | 13 | .bg-dark { 14 | background-color: $color-dark-2; 15 | } 16 | 17 | .bg-gray { 18 | background-color: $color-gray; 19 | } 20 | 21 | .bg-red { 22 | background-color: $color-red; 23 | } 24 | 25 | .bg-green { 26 | background-color: $color-green; 27 | } 28 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/scss/_icons.scss: -------------------------------------------------------------------------------- 1 | .icon { 2 | display: inline-block; 3 | position: relative; 4 | width: 16px; 5 | height: 16px; 6 | border: 0; 7 | border-radius: 50%; 8 | } 9 | 10 | .icon-absolute { 11 | position: absolute; 12 | } 13 | 14 | .icon-remove { 15 | &::before, 16 | &::after { 17 | content: ''; 18 | position: absolute; 19 | width: 2px; 20 | height: 10px; 21 | left: 7px; 22 | top: 3px; 23 | background-color: $color-white; 24 | } 25 | 26 | &::before { 27 | transform: rotate(45deg); 28 | } 29 | 30 | &::after { 31 | transform: rotate(-45deg); 32 | } 33 | } 34 | 35 | .icon-add { 36 | &::before, 37 | &::after { 38 | content: ''; 39 | position: absolute; 40 | width: 2px; 41 | height: 10px; 42 | left: 7px; 43 | top: 3px; 44 | background-color: $color-white; 45 | } 46 | 47 | &::after { 48 | transform: rotate(-90deg); 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/scss/_layout.scss: -------------------------------------------------------------------------------- 1 | .block { 2 | display: block; 3 | } 4 | 5 | .flex { 6 | display: flex; 7 | } 8 | 9 | .w-auto { 10 | width: auto !important; 11 | } 12 | 13 | .w-100 { 14 | width: 100% !important; 15 | } 16 | 17 | .w-50 { 18 | width: 50%; 19 | } 20 | 21 | .w-55 { 22 | width: 55%; 23 | } 24 | 25 | .w-45 { 26 | width: 45%; 27 | } 28 | 29 | .w-60 { 30 | width: 60%; 31 | } 32 | 33 | .w-40 { 34 | width: 40%; 35 | } 36 | 37 | .w-48 { 38 | width: 48%; 39 | } 40 | 41 | .w-17 { 42 | width: 17%; 43 | } 44 | 45 | .w-18 { 46 | width: 18%; 47 | } 48 | 49 | .row { 50 | position: relative; 51 | border-bottom: 1px solid $color-gray; 52 | } 53 | 54 | .row__remove { 55 | display: flex; 56 | padding: 0; 57 | position: absolute; 58 | top: 10px; 59 | right: -20px; 60 | opacity: 0; 61 | transition: opacity 0.2s ease-in-out; 62 | 63 | .row:hover &, 64 | .row:focus-within & { 65 | opacity: 1; 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/scss/_spacing.scss: -------------------------------------------------------------------------------- 1 | .mt-40 { 2 | margin-top: 40px; 3 | } 4 | 5 | .mt-30 { 6 | margin-top: 30px; 7 | } 8 | 9 | .mt-20 { 10 | margin-top: 20px; 11 | } 12 | 13 | .mt-10 { 14 | margin-top: 10px; 15 | } 16 | 17 | .mb-5 { 18 | margin-bottom: 5px; 19 | } 20 | 21 | .mr-10 { 22 | margin-right: 10px; 23 | } 24 | 25 | .ml-30 { 26 | margin-left: 30px; 27 | } 28 | 29 | .p-4-8 { 30 | padding: 4px 8px; 31 | } 32 | 33 | .p-5 { 34 | padding: 5px; 35 | } 36 | 37 | .pb-10 { 38 | padding-bottom: 10px; 39 | } 40 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/scss/_text.scss: -------------------------------------------------------------------------------- 1 | .right { 2 | text-align: right; 3 | } 4 | 5 | .center { 6 | text-align: center; 7 | } 8 | 9 | .bold { 10 | font-weight: 600; 11 | } 12 | 13 | .fs-20 { 14 | font-size: 20px; 15 | } 16 | 17 | .fs-30 { 18 | font-size: 30px; 19 | } 20 | 21 | .fs-45 { 22 | font-size: 45px; 23 | } 24 | 25 | .upper { 26 | text-transform: uppercase; 27 | } 28 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | $background-color: #f2f3f5; 2 | $placeholder-color: #aaa; 3 | 4 | $color-dark: #222; 5 | $color-dark-2: #666; 6 | $color-gray: #e3e3e3; 7 | $color-yellow: #fdf4db; 8 | $color-cyan: #66afe9; 9 | $color-white: #fff; 10 | $color-red: #f03434; 11 | $color-green: #26a65b; 12 | $color-blue: #428bca; 13 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/scss/main.scss: -------------------------------------------------------------------------------- 1 | @import 'variables'; 2 | @import 'color'; 3 | @import 'layout'; 4 | @import 'typography'; 5 | @import 'spacing'; 6 | @import 'text'; 7 | @import 'icons'; 8 | @import 'app'; 9 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/setupTests.ts: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom/extend-expect'; 6 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/src/styles/compose.ts: -------------------------------------------------------------------------------- 1 | import ReactPDF from '@react-pdf/renderer' 2 | import styles from './styles' 3 | 4 | const compose = (classes: string): ReactPDF.Styles => { 5 | const css: ReactPDF.Styles = {} 6 | 7 | const classesArray: string[] = classes.replace(/\s+/g, ' ').split(' ') 8 | 9 | classesArray.forEach((className) => { 10 | if (typeof styles[className] !== undefined) { 11 | Object.assign(css, styles[className]) 12 | } 13 | }) 14 | 15 | return css 16 | } 17 | 18 | export default compose 19 | -------------------------------------------------------------------------------- /react-invoice-generator-app/react-invoice-generator-master/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": [ 5 | "dom", 6 | "dom.iterable", 7 | "esnext" 8 | ], 9 | "allowJs": true, 10 | "skipLibCheck": true, 11 | "esModuleInterop": true, 12 | "allowSyntheticDefaultImports": true, 13 | "strict": true, 14 | "forceConsistentCasingInFileNames": true, 15 | "module": "esnext", 16 | "moduleResolution": "node", 17 | "resolveJsonModule": true, 18 | "isolatedModules": true, 19 | "noEmit": true, 20 | "jsx": "react" 21 | }, 22 | "include": [ 23 | "src" 24 | ] 25 | } 26 | -------------------------------------------------------------------------------- /switch/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Button 8 | 9 | 10 | 11 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /switch/style.css: -------------------------------------------------------------------------------- 1 | .switch { 2 | display: inline-block; 3 | position: relative; 4 | width: 70px; 5 | height: 40px; 6 | cursor: pointer; 7 | overflow: hidden; 8 | } 9 | .switch input { 10 | position: absolute; 11 | top: -30px; 12 | left: -30px; 13 | width: 0; 14 | height: 0; 15 | } 16 | .switch input + span { 17 | position: absolute; 18 | top: 0; 19 | bottom: 0; 20 | left: 0; 21 | right: 0; 22 | background: #99b4df; 23 | border-radius: 20px; 24 | } 25 | .switch input:checked + span { 26 | background: #346abf; 27 | } 28 | .switch input + span:before { 29 | content: ""; 30 | display: inline-block; 31 | position: absolute; 32 | top: 50%; 33 | left: 4px; 34 | width: 32px; 35 | height: 32px; 36 | background: white; 37 | border-radius: 50%; 38 | transform: translateY(-50%); 39 | transition: all .5s; 40 | } 41 | .switch input:checked + span:before { 42 | left: 34px; 43 | } 44 | -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | .DS_Store 3 | -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/account.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/account.png -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/heart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/heart.png -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-1.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-10.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-11.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-12.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-2.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-3.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-4.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-5.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-6.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-7.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-8.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/image-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/image-9.jpg -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/search.png -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/assets/shopping-cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/assets/shopping-cart.png -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/ui-workshop-tailwind-master/index.css -------------------------------------------------------------------------------- /ui-workshop-tailwind-master/mock.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /weather-for-all-master/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /weather-for-all-master/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "weather-app-react", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@testing-library/jest-dom": "^5.16.4", 7 | "@testing-library/react": "^13.3.0", 8 | "@testing-library/user-event": "^13.5.0", 9 | "axios": "^0.27.2", 10 | "react": "^18.2.0", 11 | "react-dom": "^18.2.0", 12 | "react-scripts": "5.0.1", 13 | "web-vitals": "^2.1.4" 14 | }, 15 | "scripts": { 16 | "start": "react-scripts start", 17 | "build": "react-scripts build", 18 | "test": "react-scripts test", 19 | "eject": "react-scripts eject" 20 | }, 21 | "eslintConfig": { 22 | "extends": [ 23 | "react-app", 24 | "react-app/jest" 25 | ] 26 | }, 27 | "browserslist": { 28 | "production": [ 29 | ">0.2%", 30 | "not dead", 31 | "not op_mini all" 32 | ], 33 | "development": [ 34 | "last 1 chrome version", 35 | "last 1 firefox version", 36 | "last 1 safari version" 37 | ] 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /weather-for-all-master/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/weather-for-all-master/public/favicon.ico -------------------------------------------------------------------------------- /weather-for-all-master/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/weather-for-all-master/public/logo192.png -------------------------------------------------------------------------------- /weather-for-all-master/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/weather-for-all-master/public/logo512.png -------------------------------------------------------------------------------- /weather-for-all-master/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /weather-for-all-master/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /weather-for-all-master/src/assets/sunset.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/weather-for-all-master/src/assets/sunset.jpg -------------------------------------------------------------------------------- /weather-for-all-master/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom/client'; 3 | import './index.css'; 4 | import App from './App'; 5 | const root = ReactDOM.createRoot(document.getElementById('root')); 6 | root.render( 7 | 8 | 9 | 10 | ); 11 | 12 | -------------------------------------------------------------------------------- /weather-for-all-master/weather.json: -------------------------------------------------------------------------------- 1 | { 2 | "coord": { "lon": 91.275, "lat": 23.8364 }, 3 | "weather": [ 4 | { 5 | "id": 803, 6 | "main": "Clouds", 7 | "description": "broken clouds", 8 | "icon": "06n" 9 | } 10 | ], 11 | "base": "stations", 12 | "main": { 13 | "temp": 298.46, 14 | "feels_like": 299.24, 15 | "temp_min": 298.46, 16 | "temp_max": 298.46, 17 | "pressure": 1009, 18 | "humidity": 84, 19 | "sea_level": 1009, 20 | "grnd_level": 1007 21 | }, 22 | "visibility": 10000, 23 | "wind": { "speed": 1.32, "deg": 27, "gust": 1.36 }, 24 | "clouds": { "all": 51 }, 25 | "dt": 1658858451, 26 | "sys": { "country": "IN", "sunrise": 1658791282, "sunset": 1658839271 }, 27 | "timezone": 19800, 28 | "id": 1279290, 29 | "name": "Agartala", 30 | "cod": 200 31 | } 32 | -------------------------------------------------------------------------------- /web1/Fitness-Gym-logo-design-template-on-transparent-background-PNG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/web1/Fitness-Gym-logo-design-template-on-transparent-background-PNG.png -------------------------------------------------------------------------------- /web1/gym1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/web1/gym1.jpg -------------------------------------------------------------------------------- /web1/style.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /web1/—Pngtree—physical fitness sport gym logo_5225111.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/biratdatta/Webpage-Maker/3fdf1c42d505e33f029fc98774b2b1f4dfb920bc/web1/—Pngtree—physical fitness sport gym logo_5225111.png --------------------------------------------------------------------------------