HTMLify your dreams
image6.png
cody/swapnilsparsh/30DaysOfJavaScript/200 - Image Utility/assets/img/tech/image6.png
Media file
index.html
cody/bradtraversy/50projects50days/insect-catch-game/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Catch The Insect</title>
</head>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Catch The Insect</title>
</head>
Binary icon.png
cody/swapnilsparsh/30DaysOfJavaScript/35 - Decimal To Binary/assests/Binary icon.png
Media file
Screenshot 2022-04-14 072814.png
cody/swapnilsparsh/30DaysOfJavaScript/123 - Dino Game/img/Screenshot 2022-04-14 072814.png
Media file
Sawali Surat Pe Mohan Rakesh Kala.mp3
djdj/songs/Sawali Surat Pe Mohan Rakesh Kala.mp3
Media file
index.html
cody/frontendcharm/Mini-Projects/FORM AND INPUTS/Theme Changing Toggle/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Theme Changing Toggle</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Theme Changing Toggle</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
djdj/abh.php
<?php
echo "hello abh";
?>
echo "hello abh";
?>
index.html
cody/bradtraversy/50projects50days/hidden-search/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
<link rel="stylesheet" href="style.css" />
<title>Hidden Search</title>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
<link rel="stylesheet" href="style.css" />
<title>Hidden Search</title>
250915
0_0_0_1/system/25/09/15.txt
Messages will be sent on the 18th.
The door will open on the 19th.
The door will open on the 19th.
83.PNG
cody/swapnilsparsh/30DaysOfJavaScript/30DaysOfJavaScript/assets/83.PNG
Media file
Snake Game
sagar/snakegame.c
#include <stdio.h>
#include <stdlib.h>
#include <conio.h> // For _kbhit() and _getch()
#include <windows.h> // For Sleep()
#define WIDTH 20
#define HEIGHT 20
#include <stdlib.h>
#include <conio.h> // For _kbhit() and _getch()
#include <windows.h> // For Sleep()
#define WIDTH 20
#define HEIGHT 20
itintern/search.html
File is locked
index.html
cody/frontendcharm/Mini-Projects/BUTTONS/Pulse Effect On Button Hover/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Pulse Effect On Button Hover</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Pulse Effect On Button Hover</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
README.md
cody/swapnilsparsh/30DaysOfJavaScript/208 - Pig Dice Game/README.md
# Pig Game (JavaScript)
Welcome to the Pig Game! This simple web-based game allows two players to take turns rolling dice and competing for victory. It's a fun and interactive way to challenge your luck and strategy as you aim to reach the target score.
## Table of Contents
Welcome to the Pig Game! This simple web-based game allows two players to take turns rolling dice and competing for victory. It's a fun and interactive way to challenge your luck and strategy as you aim to reach the target score.
## Table of Contents
index.html
cody/frontendcharm/Mini-Projects/CUSTOM ANIMATIONS/Spotlight Cursor Text Animation/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Spotlight Cursor Text Screen Animation</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Spotlight Cursor Text Screen Animation</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
me_with_ai.jpeg
cody/Anshuno15/GameDev-Hub/GameDev Hub/me_with_ai.jpeg
Media file
download.jpg
cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview/images/download.jpg
Media file
index.html
cody/swapnilsparsh/30DaysOfJavaScript/118 - Ball Game/index.html
<!DOCTYPE html>
<html lang="en" onclick="jump()">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Don't Let The Ball Down</title>
<link rel="stylesheet" href="css.css">
<html lang="en" onclick="jump()">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Don't Let The Ball Down</title>
<link rel="stylesheet" href="css.css">
style.css
cody/frontendcharm/Mini-Projects/BUTTONS/Colorful Ripple Effect/style.css
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
7.png
djdj/7.png
Media file
index.html
cody/swapnilsparsh/30DaysOfJavaScript/36 - Hangman/index.html
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="assets/hangman-game.png" type="image/x-icon">
<link rel="stylesheet" href="./styles.css">
<title>Hangman</title>
</head>
<body>
<html>
<head>
<link rel="shortcut icon" href="assets/hangman-game.png" type="image/x-icon">
<link rel="stylesheet" href="./styles.css">
<title>Hangman</title>
</head>
<body>
registration.html
abh/HTMLify/templates/skeletons/registration.html
<!-- registration.html -->
<form action="/action/registration" method="POST">
<input type="text" name="username" placeholder="username" /><br>
<input type="emial" name="email" placeholder="you@example.com" /><br>
<input type="password" name="password" placeholder="Password" /><br>
<input type="password" name="repassword" placeholder="Re - Password" /><br>
<input type="submit" />
</form>
<form action="/action/registration" method="POST">
<input type="text" name="username" placeholder="username" /><br>
<input type="emial" name="email" placeholder="you@example.com" /><br>
<input type="password" name="password" placeholder="Password" /><br>
<input type="password" name="repassword" placeholder="Re - Password" /><br>
<input type="submit" />
</form>
index.html
cody/frontendcharm/Mini-Projects/CUSTOM ANIMATIONS/Responsive Cool Carousel/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Cool Image Carousel</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Cool Image Carousel</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
flutter_window.h
cody/iCriptSnappie/flutter_portfolio/windows/runner/flutter_window.h
#ifndef RUNNER_FLUTTER_WINDOW_H_
#define RUNNER_FLUTTER_WINDOW_H_
#include <flutter/dart_project.h>
#include <flutter/flutter_view_controller.h>
#include <memory>
#define RUNNER_FLUTTER_WINDOW_H_
#include <flutter/dart_project.h>
#include <flutter/flutter_view_controller.h>
#include <memory>
facebook.png
cody/Anshuno15/GameDev-Hub/GameDev Hub/facebook.png
Media file
Readme.md
cody/Khushigupta8/Hotel-Management-Webpage/node_modules/express/Readme.md
[](http://expressjs.com/)
Fast, unopinionated, minimalist web framework for [Node.js](http://nodejs.org).
[![NPM Version][npm-version-image]][npm-url]
[![NPM Install Size][npm-install-size-image]][npm-install-size-url]
[![NPM Downloads][npm-downloads-image]][npm-downloads-url]
Fast, unopinionated, minimalist web framework for [Node.js](http://nodejs.org).
[![NPM Version][npm-version-image]][npm-url]
[![NPM Install Size][npm-install-size-image]][npm-install-size-url]
[![NPM Downloads][npm-downloads-image]][npm-downloads-url]
package.json
cody/Khushigupta8/Hotel-Management-Webpage/node_modules/utils-merge/package.json
{
"name": "utils-merge",
"version": "1.0.1",
"description": "merge() utility function",
"keywords": [
"util"
],
"author": {
"name": "utils-merge",
"version": "1.0.1",
"description": "merge() utility function",
"keywords": [
"util"
],
"author": {
MySQL-Table.php
djdj/php/Programs/MySQL-Table.php
<?php
//for connection to database
$servername = "localhost";
$username = "root";
$password = "";
$database = "sabkacode";
//for connection to database
$servername = "localhost";
$username = "root";
$password = "";
$database = "sabkacode";
index.html
cody/vishal-dcode/Good, Cheap, Fast Checkboxes/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link
style.css
cody/swapnilsparsh/30DaysOfJavaScript/170 - Expense Tracker/css/style.css
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
:root {
--box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
* {
box-sizing: border-box;
}
:root {
--box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
* {
box-sizing: border-box;
}
app_icon_1024.png
cody/iCriptSnappie/flutter_portfolio/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png
Media file
Linkedin Loader
djdj/youtube/Liloader.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puzzle Animation</title>
<style>
* {
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puzzle Animation</title>
<style>
* {
key10.mp3
cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano/sounds/key10.mp3
Media file
README.md
cody/vishal-dcode/README.md
# 100+ Mini Web Projects with help of HTML, CSS and JavaScript
Welcome to my repository containing 100+ mini web projects built with HTML, CSS, and JavaScript! Each project is unique and has its own set of features that showcase different aspects of web development.
---
## Project List:
Welcome to my repository containing 100+ mini web projects built with HTML, CSS, and JavaScript! Each project is unique and has its own set of features that showcase different aspects of web development.
---
## Project List:
benefit.svg
cody/atherosai/ui/pricing-02/assets/benefit.svg
Media file
X_logo_2023_(white).png
amar/X_logo_2023_(white).png
Media file
.png){kind=link}
.png){kind=link}
.png#run-button){kind=link}
index.html
cody/frontendcharm/Mini-Projects/CUSTOM ANIMATIONS/Like Animation/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Like Animation</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Like Animation</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
notes.lua
abh/nvim/lua/helpers/notes.lua
-- [[ notes ]] --
local notes_dir = vim.fn.stdpath("data") .. "/notes/"
vim.fn.mkdir(notes_dir, "p")
local Notes = {};
local notes_dir = vim.fn.stdpath("data") .. "/notes/"
vim.fn.mkdir(notes_dir, "p")
local Notes = {};
Insert-Data-In-Table.php
djdj/php//Programs/Insert-Data-In-Table.php
<?php
//for connection to database
$servername = "localhost";
$username = "root";
$password = "";
$database = "sabkacode"; //already created db
//for connection to database
$servername = "localhost";
$username = "root";
$password = "";
$database = "sabkacode"; //already created db
style.css
cody/atherosai/ui/scrolling-01/style.css
@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
twitter.svg
cody/atherosai/ui/footer-03/assets/twitter.svg
Media file
IMG_20240627_233811.png
cody/ShubhamRoy123/Windows-10/IMG_20240627_233811.png
Media file
style.css
cody/Arshi81099/mini-project-using-css/style.css
*{
margin: 0;
padding: 0;
font-family: "Poppins", sans-serif;
}
.main_box {
background: url("photo.png");
height: 100vh;
margin: 0;
padding: 0;
font-family: "Poppins", sans-serif;
}
.main_box {
background: url("photo.png");
height: 100vh;
yahoo.png
cody/atherosai/ui/tabs-05/assets/yahoo.png
Media file
style.css
cody/swapnilsparsh/30DaysOfJavaScript/30DaysOfJavaScript/style.css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
}
@font-face {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
}
@font-face {
index.html
cody/swapnilsparsh/30DaysOfJavaScript/05 - Random Password Generator/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon">
README.md
cody/Khushigupta8/Hotel-Management-Webpage/node_modules/body-parser/README.md
# body-parser
[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![Build Status][github-actions-ci-image]][github-actions-ci-url]
[![Test Coverage][coveralls-image]][coveralls-url]
Node.js body parsing middleware.
[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![Build Status][github-actions-ci-image]][github-actions-ci-url]
[![Test Coverage][coveralls-image]][coveralls-url]
Node.js body parsing middleware.
index.html
cody/solygambas/html-css-javascript-projects/050-insect catch game/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Catch The Insect</title>
</head>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Catch The Insect</title>
</head>
average.py
abh/def/average.py
def average(*nums):
s = 0
c = 0
for n in nums:
s += n
c += 1
return s / c
s = 0
c = 0
for n in nums:
s += n
c += 1
return s / c
style.scss
cody/frontendcharm/Mini-Projects/BUTTONS/Shaking Button Animation On Hover/style.scss
Media file
Jaijaishivshankarwar.mp3
djdj/songs/Jaijaishivshankarwar.mp3
Media file
King.js
cody/69PercentFat/Js-Chess/pieces/King.js
class King extends Piece {
constructor(position, name) {
super(position, 'king', name);
this.ableToCastle = true;
}
getAllowedMoves() {
constructor(position, name) {
super(position, 'king', name);
this.ableToCastle = true;
}
getAllowedMoves() {
wheel.png
cody/swapnilsparsh/30DaysOfJavaScript/03 - Random Color Generator/assets/wheel.png
Media file
script.js
cody/swapnilsparsh/30DaysOfJavaScript/105 - Speech Recognitation/script.js
const texts= document.querySelector(".texts");
window.SpeechRecognition= window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition=new SpeechRecognition();
recognition.interimResults=true;
let p=document.createElement("p");
recognition.addEventListener("result", (e)=>{
window.SpeechRecognition= window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition=new SpeechRecognition();
recognition.interimResults=true;
let p=document.createElement("p");
recognition.addEventListener("result", (e)=>{
LeetCode - Remove All Occurrences of a Substring - Python
abh/lc/1910.py
class Solution:
def removeOccurrences(self, s: str, part: str) -> str:
while part in s:
s = s.replace(part, "", 1)
print(s)
return s
def removeOccurrences(self, s: str, part: str) -> str:
while part in s:
s = s.replace(part, "", 1)
print(s)
return s
Contact.html
djdj/ut/Gym Website/Contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gym Contact Form</title>
<style>
body {
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gym Contact Form</title>
<style>
body {
3D Boxes BackGround
cody/bradtraversy/50projects50days/3d-boxes-background/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
style.css
cody/bradtraversy/50projects50days/random-choice-picker/style.css
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
* {
box-sizing: border-box;
}
body {
background-color: #2b88f0;
* {
box-sizing: border-box;
}
body {
background-color: #2b88f0;
index.html
cody/swapnilsparsh/30DaysOfJavaScript/202 - TaskManagement/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Task Management</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Task Management</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
index.html
cody/swapnilsparsh/30DaysOfJavaScript/11 - Color Picker/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="assets/color-picker.png" type="image/x-icon">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="assets/color-picker.png" type="image/x-icon">
style.css
cody/frontendcharm/Mini-Projects/BUTTONS/Sliced Effect On Button Hover/style.css
/*--Global Styles--*/
@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
body {
background-color: #222;
font-family: "Fjalla One", sans-serif;
text-transform: uppercase;
height: 100vh;
@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
body {
background-color: #222;
font-family: "Fjalla One", sans-serif;
text-transform: uppercase;
height: 100vh;
Foreach-Loop.php
djdj/php/Programs/Programs/Foreach-Loop.php
<?php
// foreach loop in php
$arr = array('Apple','Banana','Grapes','Mango');
//this is a simply a for loop that use to print an value of array
for($i = 0; $i < count($arr); $i++){
echo $arr[$i]. "\n";
}
// foreach loop in php
$arr = array('Apple','Banana','Grapes','Mango');
//this is a simply a for loop that use to print an value of array
for($i = 0; $i < count($arr); $i++){
echo $arr[$i]. "\n";
}
script.js
cody/swapnilsparsh/30DaysOfJavaScript/38 - Snake-Game/script.js
let inputDir = { x: 0, y: 0 };
let speed = 5;
let lastPaintTime = 0;
let snakeArr = [{ x: 13, y: 15 }]
food = { x: 6, y: 7 };
let score = 0;
// Game Functions
function main(ctime) {
let speed = 5;
let lastPaintTime = 0;
let snakeArr = [{ x: 13, y: 15 }]
food = { x: 6, y: 7 };
let score = 0;
// Game Functions
function main(ctime) {
style.css
cody/frontendcharm/Mini-Projects/FORM AND INPUTS/Liquid CheckBox MI/style.css
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #151515;
}
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #151515;
}
sans.ttf
cody/swapnilsparsh/30DaysOfJavaScript/28 - Music Player/font/sans.ttf
Media file
README.md
cody/solygambas/html-css-javascript-projects/README.md
# 100 Projects In 100 Days - HTML, CSS & JavaScript
100+ mini web projects using HTML, CSS and JavaScript.
[See all projects on CodePen](https://codepen.io/collection/DKLgmm?grid_type=grid&sort_by=id)
| # | Project | Live Demo |
| :-: | ---------------------------------------------------------------------- | -------------------------------------------------------- |
100+ mini web projects using HTML, CSS and JavaScript.
[See all projects on CodePen](https://codepen.io/collection/DKLgmm?grid_type=grid&sort_by=id)
| # | Project | Live Demo |
| :-: | ---------------------------------------------------------------------- | -------------------------------------------------------- |
Foreach-Loop.php
djdj/php//Programs/Foreach-Loop.php
<?php
// foreach loop in php
$arr = array('Apple','Banana','Grapes','Mango');
//this is a simply a for loop that use to print an value of array
for($i = 0; $i < count($arr); $i++){
echo $arr[$i]. "\n";
}
// foreach loop in php
$arr = array('Apple','Banana','Grapes','Mango');
//this is a simply a for loop that use to print an value of array
for($i = 0; $i < count($arr); $i++){
echo $arr[$i]. "\n";
}
search-result.html
abh/HTMLify/templates/skeletons/search-result.html
<!-- search-result.html -->
<form class="search-form" action="/search" method="GET" style="margin:20p;">
<input type="text" name="q" value="{{ q }}"/>
<input type="submit" value="Search" />
</form>
{% for result in results %}
<div class="search-result" style="border:1px solid black;margin:5px;padding:5px;">
<span>{{ result.name }}</span> | <span>Owner: {{ result.owner }} | <a href="{{ result.path }}">Open</a>{% if session.get("user") and result.owner == session["user"]["username"] %} | <a href="/edit?filepa
<form class="search-form" action="/search" method="GET" style="margin:20p;">
<input type="text" name="q" value="{{ q }}"/>
<input type="submit" value="Search" />
</form>
{% for result in results %}
<div class="search-result" style="border:1px solid black;margin:5px;padding:5px;">
<span>{{ result.name }}</span> | <span>Owner: {{ result.owner }} | <a href="{{ result.path }}">Open</a>{% if session.get("user") and result.owner == session["user"]["username"] %} | <a href="/edit?filepa
index.html
cody/Arshi81099/mini-project-using-css/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS Project</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS Project</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
style.css
cody/swapnilsparsh/30DaysOfJavaScript/179 - Box Falling Game/style.css
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
*:focus {
outline: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
}
*:focus {
outline: 0;
Web Pdf Viewer
djdj/youtube/pdfViewer.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PDF Modal Example</title>
<style>
body{
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PDF Modal Example</title>
<style>
body{
MainKhiladi-Selfiee.mp3
djdj/songs/MainKhiladi-Selfiee.mp3
Media file
email.svg
cody/atherosai/ui/login-01/email.svg
Media file
roboto-v20-latin-500.woff
cody/swapnilsparsh/30DaysOfJavaScript/77 - Search Github Profile/fonts/roboto-v20-latin-500.woff
Media file
eu.png
cody/atherosai/ui/scrolling-02/assets/eu.png
Media file
annie-spratt-QckxruozjRg-unsplash.jpg
shubh/annie-spratt-QckxruozjRg-unsplash.jpg
Media file
main.cpp
cody/iCriptSnappie/flutter_portfolio/windows/runner/main.cpp
#include <flutter/dart_project.h>
#include <flutter/flutter_view_controller.h>
#include <windows.h>
#include "flutter_window.h"
#include "utils.h"
int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev,
#include <flutter/flutter_view_controller.h>
#include <windows.h>
#include "flutter_window.h"
#include "utils.h"
int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev,
Img Upload to db and display
djdj/mohit.php
<!DOCTYPE html>
<html>
<head>
<title>File Upload</title>
</head>
<body>
<form action="#" method="post" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
<html>
<head>
<title>File Upload</title>
</head>
<body>
<form action="#" method="post" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
style.css
cody/bradtraversy/50projects50days/password-strength-background/style.css
* {
box-sizing: border-box;
}
body {
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}
body {
display: flex;
flex-direction: column;
align-items: center;
FUNDING.yml
cody/Khushigupta8/Hotel-Management-Webpage/node_modules/gopd/.github/FUNDING.yml
# These are supported funding model platforms
github: [ljharb]
patreon: # Replace with a single Patreon username
open_collective: # Replace with a single Open Collective username
ko_fi: # Replace with a single Ko-fi username
tidelift: npm/gopd
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
github: [ljharb]
patreon: # Replace with a single Patreon username
open_collective: # Replace with a single Open Collective username
ko_fi: # Replace with a single Ko-fi username
tidelift: npm/gopd
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
OTP Generator.htm
shubh/OTP Generator.htm
Media file
index.html
cody/frontendcharm/Mini-Projects/CUSTOM ANIMATIONS/Responsive Cool Carousel/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Cool Image Carousel</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Cool Image Carousel</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
script.js
cody/atherosai/ui/toolbar-02/script.js
const button = document.querySelector('.settings');
const closeButton = document.querySelector('.close');
const quickSettings = document.querySelector('.quick-settings');
button.addEventListener('click', () => {
quickSettings.classList.remove('none');
quickSettings.classList.remove('hide');
contents.xcworkspacedata
cody/PrakharDoneria/Tic-Tac-Toe-Flutter/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata
Media file
amaan.jpg
ahmads_codes/Marriage Hall Booking/amaan.jpg
Media file
style.css
cody/frontendcharm/Mini-Projects/LOADERS/3D Gradient Circles Spinner/style.css
* {
box-sizing: border-box;
}
body {
background-color: #1d2630;
display: grid;
place-items: center;
box-sizing: border-box;
}
body {
background-color: #1d2630;
display: grid;
place-items: center;
Container.tsx
cody/atherosai/ui/react-examples/components/Container.tsx
Media file
159.png
cody/swapnilsparsh/30DaysOfJavaScript/30DaysOfJavaScript/assets/159.png
Media file
README.md
cody/swapnilsparsh/30DaysOfJavaScript/203 - PortfoliO/README.md
<p align="center">
<img src="https://github.com/aryangupta008/photos/blob/main/Aryan's%20Logo.jpg" align="center" height="300" width="300"></img>
</p>
<h1 align="center"> Software Developer Portfolio 🔥 </h1>
<h3 align="center"> A clean, beautiful and responsive Portfolio <br /> </h3>
<p align="center">
<img src="https://github.com/aryangupta008/photos/blob/main/Aryan's%20Logo.jpg" align="center" height="300" width="300"></img>
</p>
<h1 align="center"> Software Developer Portfolio 🔥 </h1>
<h3 align="center"> A clean, beautiful and responsive Portfolio <br /> </h3>
<p align="center">
profile-card.tsx
cody/atherosai/ui/react-examples/pages/profile-card.tsx
Media file
image3.jpg
cody/swapnilsparsh/30DaysOfJavaScript/200 - Image Utility/assets/img/nature/image3.jpg
Media file
favicon.ico
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/favicon.ico
Media file
style.css
cody/solygambas/html-css-javascript-projects/028-github profiles/style.css
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
* {
box-sizing: border-box;
}
body {
background-color: #2a2a72;
* {
box-sizing: border-box;
}
body {
background-color: #2a2a72;
chat.html
djdj/chat.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewpor" content="width=device-width, initial-scale=1.0">
<title>IPChat</title>
<style type="text/css">
* {
<html>
<head>
<meta name="viewpor" content="width=device-width, initial-scale=1.0">
<title>IPChat</title>
<style type="text/css">
* {
style.css
cody/vishal-dcode/Button 3D Effect/style.css
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
* {
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: border-box;
* {
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: border-box;
style.css
cody/frontendcharm/Mini-Projects/MENUS/Dot Menu Micro Interaction/style.css
html,
body {
width: 100vw;
height: 100vh;
padding: 0;
margin: 0;
background-color: #121314;
}
body {
width: 100vw;
height: 100vh;
padding: 0;
margin: 0;
background-color: #121314;
}
style.css
cody/solygambas/html-css-javascript-projects/046-quiz app/style.css
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
* {
box-sizing: border-box;
}
body {
background-color: #b8c6db;
* {
box-sizing: border-box;
}
body {
background-color: #b8c6db;
LeetCode - Separate the Digits in an Array - Python
abh/lc/2553.py
class Solution:
def separateDigits(self, nums: List[int]) -> List[int]:
saprated = []
for num in nums:
if isinstance(num, list):
saprated.append(Solution.separateDigits(num))
else:
digits = []
def separateDigits(self, nums: List[int]) -> List[int]:
saprated = []
for num in nums:
if isinstance(num, list):
saprated.append(Solution.separateDigits(num))
else:
digits = []
package.json
cody/Khushigupta8/Hotel-Management-Webpage/node_modules/depd/package.json
{
"name": "depd",
"description": "Deprecate all the things",
"version": "2.0.0",
"author": "Douglas Christopher Wilson <doug@somethingdoug.com>",
"license": "MIT",
"keywords": [
"deprecate",
"name": "depd",
"description": "Deprecate all the things",
"version": "2.0.0",
"author": "Douglas Christopher Wilson <doug@somethingdoug.com>",
"license": "MIT",
"keywords": [
"deprecate",
index.html
djdj/djupraity/flower/index.html
File is locked
index.html
cody/frontendcharm/Mini-Projects/CUSTOM ANIMATIONS/Layered Text Effect On Hover/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Layered Text Effect On Hover</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Layered Text Effect On Hover</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
LeetCode - Transform Array by Parity - Go
abh/lc/3467.go
func transformArray(nums []int) []int {
o, e := 0, 0
for _, n := range nums {
if n%2==1 {
o++
} else {
e++
}
o, e := 0, 0
for _, n := range nums {
if n%2==1 {
o++
} else {
e++
}
style.css
cody/vishal-dcode/Progress Steps/style.css
:root {
--clr-primary: #ff6e31;
--clr-empty: gray;
}
* {
margin: 0;
padding: 0;
--clr-primary: #ff6e31;
--clr-empty: gray;
}
* {
margin: 0;
padding: 0;
spotifydown.com - I Forgot That You Existed.mp3
cody/Aryan-Barodwal/spotify-clone/songs/Love_(mood)/spotifydown.com - I Forgot That You Existed.mp3
Media file
LeetCode - Matrix Diagonal Sum - Python
abh/lc/1572.py
class Solution:
def diagonalSum(self, mat: List[List[int]]) -> int:
i = 0
s = 0
if len(mat)%2:
s -= mat[len(mat)//2][len(mat)//2]
for row in mat:
s += row[i] + row[len(mat)-i-1]
def diagonalSum(self, mat: List[List[int]]) -> int:
i = 0
s = 0
if len(mat)%2:
s -= mat[len(mat)//2][len(mat)//2]
for row in mat:
s += row[i] + row[len(mat)-i-1]
typewriter-message-machine-retro-keyboard-concept.jpg
cody/MuthuPandi-1963/Typing_Prowess/typewriter-message-machine-retro-keyboard-concept.jpg
Media file
117.png
cody/swapnilsparsh/30DaysOfJavaScript/30DaysOfJavaScript/assets/117.png
Media file
toggle-seasons-menu.js
cody/swapnilsparsh/30DaysOfJavaScript/138 - Meditation WebApp/js/toggle-seasons-menu.js
const openMenuBtn = document.querySelector(".toggle-menu"),
seasonsMenu = document.querySelector(".seasons");
openMenuBtn.addEventListener("click", () => {
seasonsMenu.classList.toggle("open");
openMenuBtn.classList.toggle("rotate");
});
seasonsMenu = document.querySelector(".seasons");
openMenuBtn.addEventListener("click", () => {
seasonsMenu.classList.toggle("open");
openMenuBtn.classList.toggle("rotate");
});
profile_new.jpg
cody/atherosai/ui/menu-03/assets/profile_new.jpg
Media file
images (30).png
cody/ShubhamRoy123/Windows-10/images (30).png
Media file
.png){kind=link}
.png){kind=link}
.png#run-button){kind=link}
index.html
cody/frontendcharm/Mini-Projects/CUSTOM ANIMATIONS/Curved Header/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Curved Header</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Curved Header</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
index.html
cody/swapnilsparsh/30DaysOfJavaScript/86 - Weight Conversion Tool/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style 30.css">
<title>Weight Converstion Tool</title>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style 30.css">
<title>Weight Converstion Tool</title>
index_socials.html
cody/atherosai/ui/scrolling-02/index_socials.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Finance Bank Accounts</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
card-2.png
cody/atherosai/ui/cards-03/assets/card-2.png
Media file
style.css
cody/Kuldeep-Sharmaa/Tic-Tac-Toe-game/style.css
* {
margin: 0;
padding: 0;
}
nav {
background-color: black;
color: whitesmoke;
height: 65%;
margin: 0;
padding: 0;
}
nav {
background-color: black;
color: whitesmoke;
height: 65%;
sans.ttf
cody/swapnilsparsh/30DaysOfJavaScript/38 - Snake-Game/font/sans.ttf
Media file
main.css
cody/swapnilsparsh/30DaysOfJavaScript/100 - Quote of The Day/css/main.css
body{
background-color: #19172e;
color: white;
}
.title{
margin-bottom: 15px;
font-size: 30px;
font-family: Impact;
background-color: #19172e;
color: white;
}
.title{
margin-bottom: 15px;
font-size: 30px;
font-family: Impact;
SECURITY.md
cody/Khushigupta8/Hotel-Management-Webpage/node_modules/finalhandler/SECURITY.md
# Security Policies and Procedures
## Reporting a Bug
The `finalhandler` team and community take all security bugs seriously. Thank
you for improving the security of Express. We appreciate your efforts and
responsible disclosure and will make every effort to acknowledge your
contributions.
## Reporting a Bug
The `finalhandler` team and community take all security bugs seriously. Thank
you for improving the security of Express. We appreciate your efforts and
responsible disclosure and will make every effort to acknowledge your
contributions.
styles.css
cody/swapnilsparsh/30DaysOfJavaScript/62 - IP Address Tracker/css/styles.css
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
font-family: "Red Hat Text", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
font-family: "Red Hat Text", sans-serif;
250921
0_0_0_1/watch/25/09/21.txt
><(((º> Watching
index.html
cody/swapnilsparsh/30DaysOfJavaScript/110 - Pixel to em Converter/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pixel-EM Calculator</title>
<!-- Google Font -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pixel-EM Calculator</title>
<!-- Google Font -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
LeetCode - Design Browser History - Go
abh/lc/1472.go
// @leet start
type BrowserHistoryNode struct {
Url string
Back *BrowserHistoryNode
Forward *BrowserHistoryNode
}
type BrowserHistoryNode struct {
Url string
Back *BrowserHistoryNode
Forward *BrowserHistoryNode
}
LeetCode - Hand of Straights - Python
abh/lc/846.py
class Solution:
def isNStraightHand(self, hand: List[int], groupSize: int) -> bool:
if len(hand) % groupSize != 0:
return False
hand.sort()
groups = []
while hand:
s = hand[0]
def isNStraightHand(self, hand: List[int], groupSize: int) -> bool:
if len(hand) % groupSize != 0:
return False
hand.sort()
groups = []
while hand:
s = hand[0]
index.html
cody/frontendcharm/Mini-Projects/FORM AND INPUTS/Custom Checkbox/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Custom Radio Buttons</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Custom Radio Buttons</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
style.css
cody/vishal-dcode/Realistic Loader/style.css
* {
margin: 0;
box-sizing: border-box;
}
body {
background-color: #141414;
}
.section-center {
margin: 0;
box-sizing: border-box;
}
body {
background-color: #141414;
}
.section-center {
hello-world.rs
demo/code/hello-world.rs
fn main() {
println!("Hello, World!");
}
println!("Hello, World!");
}
grid-template-areas.tsx
cody/atherosai/ui/react-examples/pages/grid-template-areas.tsx
Media file
collection-3.jpg
khushi/E com Website/assets/images/collection-3.jpg
Media file
