├── CONTRIBUTING.md ├── Fitness Center ├── img │ ├── bg.jpeg │ └── logo.png ├── index.html └── style.css ├── Github Profile Search ├── index.html ├── script.js └── style.css ├── README.md ├── arrow.png ├── css └── style.css ├── fitness.html ├── form.html ├── hacktober.html ├── images ├── 1.jpg └── favicon.png ├── index.html ├── js └── index.js └── web.html /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | SujataDelu 2 |
3 | Kanishk Tiwari 4 |
5 | Rohan 6 |
7 | Vaani Pathariya 8 |
9 | Rahul Sankhla 10 |
11 | Shubham7668 12 |
13 | Sanjay sargam 14 |
15 | Deep Poharkar 16 |
17 | Abhishek Fadake 18 |
19 | Douglas Evaristo 20 |
21 | Vivek -------------------------------------------------------------------------------- /Fitness Center/img/bg.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayush-agarwal-190/hacktoberfest-2022/e1568391be018dccae4a60971dc5c98d92be0e98/Fitness Center/img/bg.jpeg -------------------------------------------------------------------------------- /Fitness Center/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayush-agarwal-190/hacktoberfest-2022/e1568391be018dccae4a60971dc5c98d92be0e98/Fitness Center/img/logo.png -------------------------------------------------------------------------------- /Fitness Center/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Aryan Fitness 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 | 19 |
Aryan Fitness Centre
20 |
21 |
22 | 28 |
29 |
30 | 31 | 32 |
33 |
34 |
35 |

INCREASE YOUR

36 |

MUSCLE STRENGTH

37 |

Nothing will work until you do it!

38 |
39 |
40 |

Join the GYM Near-By

41 |
42 |
43 | 44 |
45 |
46 | 47 |
48 |
49 | 50 |
51 |
52 | 53 |
54 | 55 |
56 |
57 | 58 | 59 | -------------------------------------------------------------------------------- /Fitness Center/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family:'Baloo Bhai 2', cursive; 3 | background-color: rgb(19, 19, 19) !important; 4 | color: white; 5 | margin:0px; 6 | padding:0px; 7 | background:url('img/bg.jpeg'); 8 | background-color: rgb(255, 255, 255); 9 | } 10 | .left{ 11 | position: absolute; 12 | left: 34px; 13 | top: 20px; 14 | display: inline-block; 15 | } 16 | .left img{ 17 | float: left; 18 | width:85px; 19 | } 20 | .left div{ 21 | font-size: 25px; 22 | color:rgb(250, 67, 97); 23 | margin-top:20px; 24 | float: left; 25 | text-align: center; 26 | } 27 | .mid{ 28 | display: block; 29 | width:33%; 30 | margin: 25px auto; 31 | } 32 | .right{ 33 | position: absolute; 34 | right: 34px; 35 | top: 20px; 36 | display: inline-block; 37 | } 38 | .navbar{ 39 | display: inline-block; 40 | } 41 | .navbar li{ 42 | display: inline-block; 43 | } 44 | .navbar li a{ 45 | font-size: 22px; 46 | color: white; 47 | text-decoration: none; 48 | padding: 34px 18px; 49 | } 50 | .navbar li a:hover, .navbar li a:active{ 51 | color: rgb(250, 67, 97); 52 | text-decoration: underline; 53 | } 54 | .btn{ 55 | margin: 16px 6px; 56 | padding: 5px 5px; 57 | color: white; 58 | background-color: rgb(250, 67, 97); 59 | border-color: grey; 60 | border-radius:10px; 61 | font-size: 20px; 62 | cursor: pointer; 63 | } 64 | .btn:hover{ 65 | background-color: rgb(31, 30, 30); 66 | } 67 | .content{ 68 | margin:150px 150px; 69 | } 70 | .content h2{ 71 | font-size:45px; 72 | margin:0px; 73 | padding:0px; 74 | } 75 | .container{ 76 | position: relative; 77 | margin: -351px 893px; 78 | padding: 0px 20px; 79 | width:33%; 80 | border-radius: 3px; 81 | } 82 | .container h1{ 83 | text-align: center; 84 | margin-bottom: 5px; 85 | } 86 | .form-group input{ 87 | font-size: 18px; 88 | text-align: center; 89 | display: block; 90 | width: 344px; 91 | padding:10px; 92 | border: 2px solid black; 93 | margin: 8px auto; 94 | } 95 | #submit{ 96 | display:block; 97 | margin: 5px auto; 98 | width: 367px; 99 | } -------------------------------------------------------------------------------- /Github Profile Search/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Github Profiles 8 | 9 | 10 |
11 | 12 |
13 |
14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /Github Profile Search/script.js: -------------------------------------------------------------------------------- 1 | const APIURL = 'https://api.github.com/users/' 2 | const main = document.getElementById('main') 3 | const form = document.getElementById('form') 4 | const search = document.getElementById('search') 5 | async function getUser(username) { 6 | try { 7 | const { data } = await axios(APIURL + username) 8 | createUserCard(data) 9 | getRepos(username) 10 | } catch(err) { 11 | if(err.response.status == 404) { 12 | createErrorCard('No profile with this username') 13 | } 14 | } 15 | } 16 | async function getRepos(username) { 17 | try { 18 | const { data } = await axios(APIURL + username + '/repos?sort=created') 19 | addReposToCard(data) 20 | } catch(err) { 21 | createErrorCard('Problem fetching repos') 22 | } 23 | } 24 | function createUserCard(user) { 25 | const userID = user.name || user.login 26 | const userBio = user.bio ? `

${user.bio}

` : '' 27 | const cardHTML = ` 28 |
29 |
30 | ${user.name} 31 |
32 |
33 |

${userID}

34 | ${userBio} 35 | 40 |
41 |
42 |
43 | ` 44 | main.innerHTML = cardHTML 45 | } 46 | function createErrorCard(msg) { 47 | const cardHTML = ` 48 |
49 |

${msg}

50 |
51 | ` 52 | main.innerHTML = cardHTML 53 | } 54 | function addReposToCard(repos) { 55 | const reposEl = document.getElementById('repos') 56 | repos 57 | .slice(0, 5) 58 | .forEach(repo => { 59 | const repoEl = document.createElement('a') 60 | repoEl.classList.add('repo') 61 | repoEl.href = repo.html_url 62 | repoEl.target = '_blank' 63 | repoEl.innerText = repo.name 64 | reposEl.appendChild(repoEl) 65 | }) 66 | } 67 | form.addEventListener('submit', (e) => { 68 | e.preventDefault() 69 | const user = search.value 70 | if(user) { 71 | getUser(user) 72 | search.value = '' 73 | } 74 | }) -------------------------------------------------------------------------------- /Github Profile Search/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap'); 2 | * { 3 | box-sizing: border-box; 4 | } 5 | body { 6 | background-color: #2a2a72; 7 | color: #fff; 8 | font-family: 'Poppins', sans-serif; 9 | display: flex; 10 | flex-direction: column; 11 | align-items: center; 12 | justify-content: center; 13 | height: 100vh; 14 | overflow: hidden; 15 | margin: 0; 16 | } 17 | .user-form { 18 | width: 100%; 19 | max-width: 700px; 20 | } 21 | .user-form input { 22 | width: 100%; 23 | display: block; 24 | background-color: #4c2885; 25 | border: none; 26 | border-radius: 10px; 27 | color: #fff; 28 | padding: 1rem; 29 | margin-bottom: 2rem; 30 | font-family: inherit; 31 | font-size: 1rem; 32 | box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05), 33 | 0 15px 40px rgba(0, 0, 0, 0.1); 34 | } 35 | .user-form input::placeholder { 36 | color: #bbb; 37 | } 38 | .user-form input:focus { 39 | outline: none; 40 | } 41 | .card { 42 | max-width: 800px; 43 | background-color: #4c2885; 44 | border-radius: 20px; 45 | box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05), 46 | 0 15px 40px rgba(0, 0, 0, 0.1); 47 | display: flex; 48 | padding: 3rem; 49 | margin: 0 1.5rem; 50 | } 51 | .avatar { 52 | border-radius: 50%; 53 | border: 10px solid #2a2a72; 54 | height: 150px; 55 | width: 150px; 56 | } 57 | .user-info { 58 | color: #eee; 59 | margin-left: 2rem; 60 | } 61 | .user-info h2 { 62 | margin-top: 0; 63 | } 64 | .user-info ul { 65 | list-style-type: none; 66 | display: flex; 67 | justify-content: space-between; 68 | padding: 0; 69 | max-width: 400px; 70 | } 71 | .user-info ul li { 72 | display: flex; 73 | align-items: center; 74 | } 75 | .user-info ul li strong { 76 | font-size: 0.9rem; 77 | margin-left: 0.5rem; 78 | } 79 | .repo { 80 | text-decoration: none; 81 | color: #fff; 82 | background-color: #212a72; 83 | font-size: 0.7rem; 84 | padding: 0.25rem 0.5rem; 85 | margin-right: 0.5rem; 86 | margin-bottom: 0.5rem; 87 | display: inline-block; 88 | } 89 | @media (max-width: 500px) { 90 | .card { 91 | flex-direction: column; 92 | align-items: center; 93 | } 94 | .user-form { 95 | max-width: 400px; 96 | } 97 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Hacktoberfest 2 | 3 | 4 | This is a gym website made using HTMl and CSS do add more and more features to it
5 | Live : https://spectacular-pasca-8b7e12.netlify.app 6 | 7 |

Instructions to Contribute

8 | The Open source Community is awesome, to be a part of it you can start contributing and help people with their projects, here's a guide to do exactly that! 9 | before you start here is something you should know: 10 |
11 | 1. Hacktoberfest guide
12 | 2. Code of Conduct 13 | 14 |

How to Contribute

15 |

16 | Step 1: Fork this repository.
17 | Step 2: Go to your GitHub profile and you will find a repository with the same name as the project. Clone this repository either using the "Download zip" button under the code section or using git commands, 18 | you can use the command: 19 | 20 | git clone `link of the project (your fork)` 21 | 22 | to clone your forked repository into your local machine. 23 | 24 | now change your dirctory to the project using the command: 25 | 26 | cd NAME_OF_REPOSITORY 27 | 28 | Now check if your fork is set to remote origin. A remote is basically a URL that points to the project repository and the one you forked. The project repository is called the 'Upstream' remote and your fork is called the 'origin' remote. You can check the status of remotes using the command: 29 | 30 | git remote -v 31 | 32 | you should see the word origin next to your fork, if you don't see it, you can use the command to add it: 33 | 34 | git remote add origin URL_OF_FORK 35 | 36 | now add the project repository as 'Upstream' remote using the command: 37 | 38 | git remote add upstream URL_OF_PROJECT 39 | 40 | now again use the command: 41 | 42 | git remote -v 43 | 44 | to check the status of remotes. 45 | 46 | 47 | Now to update your repository with the main project, you need to use the command: 48 | 49 | git pull upstream master 50 | 51 | or 52 | 53 | git pull upstream main 54 | 55 | depending upon the branch of the main project. 56 | 57 | Now, you should create a new branch as working in the main branch could be risky incase of an error or bugs, to add a new branch you can use the command: 58 | 59 | git checkout -b BRANCH_NAME 60 | 61 | This also switches you to the new branch. 62 | 63 | And now you can make whatever changes you feel like to the code using various tools. 64 | After you are done making the required changes, you can stage those changes using the command: 65 | 66 | git add -A 67 | 68 | and commit them using: 69 | 70 | git commit -m "A good description to the changes you made to the code." 71 | 72 | To push these changes you can use the command: 73 | 74 | git push origin BRANCH_NAME 75 | 76 | Going back to GitHub you may see a highlighted area which says "Compare and Pull Request", click that. 77 | This will send a pull request. 78 | 79 | Guidelines For contributors-: 80 | Register anytime between September 26 and October 31 81 | 82 | Pull requests can be made in any GITHUB or GITLAB hosted project that’s participating in Hacktoberfest (look for the “hacktoberfest” topic) 83 | 84 | Project maintainers must accept your pull/merge requests for them to count toward your total 85 | 86 | Have 4 pull/merge requests accepted between October 1 and October 31 to complete Hacktoberfest 87 | 88 | The first 40,000 participants (maintainers and contributors) who complete Hacktoberfest can elect to receive one of two prizes: a tree planted in their name, or the Hacktoberfest 2022 t-shirt. 89 | -------------------------------------------------------------------------------- /arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayush-agarwal-190/hacktoberfest-2022/e1568391be018dccae4a60971dc5c98d92be0e98/arrow.png -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /* CSS Reset */ 2 | body { 3 | background-image: url("../images/1.jpg"); 4 | font-family: "Baloo Bhai", cursive; 5 | color: white; 6 | margin: 0px; 7 | padding: 0px; 8 | } 9 | 10 | .left { 11 | display: inline-block; 12 | /* border: 2px solid red; */ 13 | position: absolute; 14 | left: 60px; 15 | top: 20px; 16 | } 17 | 18 | .left img { 19 | width: 136px; 20 | filter: invert(100%); 21 | } 22 | 23 | .left div { 24 | line-height: 19px; 25 | font-size: 26px; 26 | text-align: center; 27 | } 28 | 29 | .mid { 30 | display: block; 31 | width: 36%; 32 | margin: 29px auto; 33 | /* border: 2px solid green; */ 34 | } 35 | 36 | .right { 37 | position: absolute; 38 | right: 34px; 39 | top: 43px; 40 | display: inline-block; 41 | /* border: 2px solid yellow; */ 42 | } 43 | .header { 44 | opacity: 0.7; 45 | } 46 | 47 | .navbar { 48 | display: inline-block; 49 | } 50 | 51 | .navbar li { 52 | display: inline-block; 53 | font-size: 25px; 54 | } 55 | 56 | .navbar li a { 57 | color: #d1cccb; 58 | text-decoration: none; 59 | padding: 34px 23px; 60 | } 61 | 62 | .navbar li a:hover, 63 | .navbar li a.active { 64 | text-decoration: underline; 65 | color: grey; 66 | } 67 | 68 | .btn { 69 | font-family: "Baloo Bhai", cursive; 70 | margin: 0px 9px; 71 | background-color: #d1cccb; 72 | color: rgb(30, 77, 92); 73 | padding: 4px 14px; 74 | border: 2px solid grey; 75 | border-radius: 10px; 76 | font-size: 20px; 77 | cursor: pointer; 78 | } 79 | 80 | .btn:hover { 81 | background-color: black; 82 | } 83 | 84 | .container { 85 | border: 2px solid white; 86 | margin: 106px 80px; 87 | padding: 75px; 88 | width: 33vw; 89 | border-radius: 28px; 90 | } 91 | 92 | .form-group input { 93 | font-family: "Baloo Bhai", cursive; 94 | text-align: center; 95 | display: block; 96 | padding: 1px; 97 | border: 2px solid black; 98 | margin: 11px auto; 99 | font-size: 25px; 100 | border-radius: 8px; 101 | } 102 | 103 | .container h1 { 104 | text-align: center; 105 | } 106 | 107 | .container button { 108 | display: flex; 109 | width: 74%; 110 | margin: 20px auto; 111 | } 112 | 113 | .footer-container li { 114 | list-style: none; 115 | margin: 0; 116 | padding: 0; 117 | } 118 | 119 | .footer-container .footer-email-id { 120 | color: blue; 121 | } 122 | 123 | .textdiv { 124 | text-align: center; 125 | width: 500px; 126 | margin: 0 auto; 127 | } 128 | .parentdiv { 129 | display: flex; 130 | margin-left: 30%; 131 | } 132 | .social-icons { 133 | display: block; 134 | padding: 30px; 135 | } 136 | .infodiv { 137 | padding: 27px; 138 | } 139 | .igdiv { 140 | display: flex; 141 | justify-content: space-between; 142 | padding: 2px; 143 | } 144 | .ig { 145 | font-weight: bolder; 146 | font-size: 17px; 147 | } 148 | .iganchor { 149 | text-decoration: none; 150 | } 151 | .igfb { 152 | display: flex; 153 | justify-content: space-between; 154 | padding: 2px; 155 | } 156 | .fb { 157 | font-weight: bolder; 158 | font-size: 18px; 159 | } 160 | .fbanchor { 161 | text-decoration: none; 162 | } 163 | .twitterdiv { 164 | display: flex; 165 | } 166 | .twitter { 167 | font-weight: bolder; 168 | font-size: 18px; 169 | } 170 | .twitteranchor { 171 | text-decoration: none; 172 | } 173 | .twitchdiv { 174 | display: flex; 175 | } 176 | .twitch { 177 | font-weight: bolder; 178 | font-size: 18px; 179 | } 180 | .twitchanchor { 181 | text-decoration: none; 182 | } 183 | -------------------------------------------------------------------------------- /fitness.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Hacktober Fitness 9 | 10 | 161 | 162 | 163 | 164 | 165 | 167 | 168 | 171 | 172 | 173 | 174 |

175 | 176 |
177 | 178 |
Hacktober Fitness
179 | 180 |
181 | 182 |
183 | 189 |
190 | 191 |
192 | 193 | 194 |
195 |
196 | 197 | 201 | 202 |
203 |

Calculate your BMI now.

204 |
205 |
206 | 207 |
208 |
209 | 210 |
211 |
212 | 213 |
214 |
215 |

216 |

217 | 218 |
219 |
220 | 221 |
222 | 223 | 259 | 260 | 261 | 262 | 263 | 264 | -------------------------------------------------------------------------------- /form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Registration Form 9 | 10 | 11 |
12 |
13 |
14 |

FILL THE DETAILS

15 | 20 | or use your email for registration 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | I am eligible according to above mentioned criteria. 31 | 32 | 33 |
34 |
35 |
36 |
37 |

Sign up

38 | 43 | or use your account 44 | 45 | 46 | 47 | 48 | 49 |
50 |
51 |
52 |
53 |
54 |

STEP-2

55 |

Enter your personal &professional details and complete profile now!

56 | 57 |
58 |
59 |

CREATE ACCOUNT

60 |

Signup to connect with us!

61 | 62 |
63 |
64 |
65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /hacktober.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Hacktober Fitness 9 | 10 | 11 | 12 | 138 | 139 | 140 | 141 |
142 | 143 | 165 |
166 |
167 |

Join the best gym of Delhi now

168 |
169 |
170 | 171 |
172 |
173 | 174 |
175 |
176 | 177 |
178 |
179 | 180 |
181 |
182 | 183 |
184 |
185 | 186 |
187 | 188 |
189 |
190 | 191 | 192 | 193 | -------------------------------------------------------------------------------- /images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayush-agarwal-190/hacktoberfest-2022/e1568391be018dccae4a60971dc5c98d92be0e98/images/1.jpg -------------------------------------------------------------------------------- /images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayush-agarwal-190/hacktoberfest-2022/e1568391be018dccae4a60971dc5c98d92be0e98/images/favicon.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Hacktober Fitness 9 | 10 | 344 | 345 | 346 | 347 | 348 | 350 | 351 | 354 | 355 | 356 | 357 |
358 | 359 |
360 | 361 |
Hacktober Fitness
362 |
363 | 364 |
365 | 371 |
372 | 373 |
374 | 375 | 376 |
377 |
378 |
379 |

Join the best gym of Delhi now

380 |
381 |
382 | 383 |
384 |
385 | 386 |
387 |
388 | 389 |
390 |
391 | 392 |
393 |
394 | 395 |
396 |
397 | 398 |
399 | 402 |
403 |
404 | 482 | 483 | 484 | 485 | 543 | 544 | 545 | 546 | 547 | hello 548 | 549 | 550 | 567 | 568 | -------------------------------------------------------------------------------- /js/index.js: -------------------------------------------------------------------------------- 1 | function Validate(email,phone) { 2 | 3 | var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/; 4 | var valPhone=/^\d{10}$/; 5 | if (email.value.match(validRegex) && phone.value.match(valPhone)) { 6 | 7 | document.form1.text1.focus(); 8 | 9 | return true; 10 | 11 | } else { 12 | 13 | alert("Enter valid details"); 14 | 15 | document.form1.text1.focus(); 16 | 17 | return false; 18 | 19 | } 20 | 21 | } 22 | 23 | 24 | function Calculate_bmi(){ 25 | var height = document.getElementById("height").value; 26 | var weight = document.getElementById("weight").value; 27 | 28 | var result = parseFloat(weight) /(parseFloat(height)/100)**2; 29 | 30 | if(!isNaN(result)){ 31 | document.getElementById("bmi-output").innerHTML = "Your BMI is " + Math.floor(result); 32 | if(result < 18.5){ 33 | document.getElementById("bmi-status").innerHTML = "Underweight"; 34 | } 35 | else if(result < 25){ 36 | document.getElementById("bmi-status").innerHTML = "Healthy"; 37 | } 38 | else if(result < 30){ 39 | document.getElementById("bmi-status").innerHTML = "Overweight"; 40 | } 41 | else{ 42 | document.getElementById("bmi-status").innerHTML = "Obesity"; 43 | } 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /web.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Calculator using HTML Example 7 | 8 | 9 | 11 | 86 | 87 | 88 |
89 | calculator made by sahil sharma 90 |
91 |
92 | 93 | 94 | 98 | 99 | 100 | 123 | 124 | 125 |
95 | 96 |
97 |
101 | 102 | 103 | 104 | 105 |
106 | 107 | 108 | 109 | 110 |
111 | 112 | 113 | 114 | 116 |
117 | 118 | 119 | 120 | 121 |
122 |
126 |
127 | 128 | 129 | --------------------------------------------------------------------------------