Skip to content

Instantly share code, notes, and snippets.

View jonly03's full-sized avatar

Joseph Nelly Sugu Sugira jonly03

94 followers · 0 following
  • Sacramento
View GitHub Profile
@jonly03
jonly03 / index.html
Created July 13, 2022 23:03
Conditionals - Age checker
<!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>Conditionals</title>
<!-- <link rel="stylesheet" href="./style.css" /> -->
</head>
@jonly03
jonly03 / index.html
Created July 8, 2022 22:31
flexbox
<!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>Flexbox</title>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
@jonly03
jonly03 / favoriteX.md
Created July 5, 2022 17:39
Hands-on: Building your first website

  • Go to codepen.io, log in using your Gmail account, create a new Pen (Video on how to do create a new Pen - watch up to 2:17), & in the HTML section, you are going to create an HTML page for “My Favorite [x]” (where [x] is up to you, choose whatever you want. For example, [x] can be car, country, pet, etc).

    HEADS UP: You might have to research some of the HTML elements I am asking you to create below 🤷‍♀️

@jonly03
jonly03 / index.html
Created June 8, 2022 19:23
One button gifs
<!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>Document</title>
<!-- Link to my css -->
<link rel="stylesheet" href="./style.css" />
@jonly03
jonly03 / index.html
Created June 7, 2022 22:25
Buttons Creation homework
<!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>Document</title>
<!-- Link to my css -->
<link rel="stylesheet" href="./style.css" />
@jonly03
jonly03 / index.html
Created June 7, 2022 16:56
Set & Get Attribute
<!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>Document</title>
<!-- Link to my css -->
<link rel="stylesheet" href="./style.css" />
@jonly03
jonly03 / index.html
Created June 6, 2022 22:31
Destination Started Code
<!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>Destination Wishlist</title>
<!-- Link to my css -->
<link rel="stylesheet" href="./style.css" />
@jonly03
jonly03 / index.html
Created June 6, 2022 19:53
Dynamic & Interactive Form
<!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>Forms</title>
<!-- Link to my css -->
<link rel="stylesheet" href="./style.css" />
@jonly03
jonly03 / index.html
Created June 3, 2022 20:37
DOM Events
<!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>Document</title>
<!-- Link to my css -->
<link rel="stylesheet" href="./style.css" />
@jonly03
jonly03 / index.html
Created May 26, 2022 18:03
Flex box & Media query demo
<!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>Flexbox demo</title>
<link rel="stylesheet" href="./style.css" />
</head>
<body>