Skip to content

Commit

Permalink
Website for Digital Business Class
Browse files Browse the repository at this point in the history 
For the 11th of November, 2024.
  • Loading branch information
@MafuSaku
MafuSaku authored Nov 11, 2024
1 parent e89a5f1 commit fb98d4d
Show file tree
Hide file tree
Showing 7 changed files with 418 additions and 0 deletions.
63 changes: 63 additions & 0 deletions 2024/11-11-2024/Work/login.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mrow Mep!! :3</title>

<link rel="stylesheet" href="style.css">
</head>
<body>

<header>
<h1>Login</h1>
</header>

<main>

<section class="form-container">

<form action="/Work/portfolio.html">
<label for="firstName">First Name (ชื่อ):</label> <br>
<input type="text" id="firstName" name="firstName" placeholder="Jane" required> <br>
<label for="lastName">Last Name (นามสกุล):</label> <br>
<input type="text" id="lastName" name="lastName" placeholder="Doe" required> <br>

<label for="address">Address (ที่อยู่):</label> <br>
<input type="text" id="address" name="address" placeholder="123 Srimarat Rd, Khon Kaen" required> <br>

<label for="phoneNumber">Phone Number (เบอร์โทรศัพท์):</label> <br>
<input type="tel" id="phoneNumber" name="phoneNumber" placeholder="123-456-7890" required> <br>

<label for="email">Email (อีเมล):</label> <br>
<input type="email" id="email" name="email" placeholder="jane.doe@example.com" required> <br>

<label for="birthday">Birthday (วันเกิด):</label> <br>
<input type="date" id="birthday" name="birthday" required> <br>

<label for="weight">Weight (น้ําหนัก):</label> <br>
<input type="number" id="weight" name="weight" step="0.1" min="0" max="1000" required> <br>

<label for="height">Height (ส่วนสูง):</label> <br>
<input type="number" id="height" name="height" step="0.1" min="0" max="1000" required> <br>

<label for="gender">Gender (เพศ):</label> <br>
<select id="gender" name="gender" required>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select> <br> <br>

<button type="submit">Login</button>
</form>

</section>

</main>

<footer>
<center><p>&copy; 2024 Mrow Mep!! & Synilla Corporation (Synilla Corp.)</p></center>
</footer>

</body>
</html>
90 changes: 90 additions & 0 deletions 2024/11-11-2024/Work/portfolio.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ESS - Introduction</title>

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap" rel="stylesheet">

<!-- CSS -->
<style>
.montserrat-regular {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

body {
background-color: #cc99cc;
}

h1 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
text-align: center;
font-size: 50px;
padding: auto;
}

p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 25px;
text-align: left;
margin-left: 50px;
margin-right: 50px;
}

button {
margin-left: 5px;
margin-right: 5px;
padding: auto;
border: solid;
border-radius: 20px;
border-color: blanchedalmond;
a {
color: black;
text-decoration: none;
}
}
</style>

</head>
<body>

<h1 style="border: solid black; border-radius: 20px; margin-left: 50px; margin-right: 50px;">
Self-Introduction แนะนำตัวเอง
</h1>

<div>

<center>
<img src="./web-img/kittycat_meow.jpg" width="250px" height="250px" alt="An image of a cat with it's paws out to the camera" />
</center>
<br>

<p>Name: Ekaphop Shane Segal</p>
<p>Age: 19 years old</p>
<p>Gender: Male/Other</p>
<p>Department/Learning Field: Information Technology (Digital Business)</p>
<br>
<p>ชื่อ: เอกภพ เชน ซีกัล</p>
<p>อายุ: 19 ปี</p>
<p>เพศ: ชาย/อื่นๆ</p>
<p>สาขา: เทคโนโลยีสารสนเทศ (ธุรกิจดิจิทัล)</p>

<br>
<button style="margin-left: 50px; background-image: url('')"><a href="https://www.twitter.com/MafuSaku" target="_blank">Twitter</a></button>
<button style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png');"><a href="https://www.linkedin.com/in/essegal" target="_blank">LinkedIn</a></button>
<button style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Bluesky_Logo.svg/1024px-Bluesky_Logo.svg.png');"><a href="https://bsky.app/profile/msaku.bsky.social" target="_blank">Bluesky</a></button>
<button style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Facebook_Logo_%282019%29.png/768px-Facebook_Logo_%282019%29.png');"><a href="https://fb.com/essegal" target="_blank">Facebook</a></button>
</div>

</body>
</html>
77 changes: 77 additions & 0 deletions 2024/11-11-2024/Work/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
body {
background-color: #1d1d1c;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 20px;
color: #000000;
}

h1 {
font-family: "Poppins", sans-serif;
font-weight: 700;
text-align: center;
font-size: 40px;
color: #ffffff;
}

.form-container {
max-width: 400px;
margin: 0 auto;
padding: 50px;
border: 1px solid #cccccc;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
background-color: #272727;

label {
display: block;
margin-bottom: 5px;
font-family: "Poppins", sans-serif;
font-weight: bold;
font-size: 16px;
color: #ffffff;
}

input,
select {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 5px;
border: 1px solid #cccccc;
border-radius: 5px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 16px;
color: #000000;
}

button[type="submit"] {
display: block;
width: 100%;
padding: 10px;
background-color: #4b4b4afa;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
font-family: "Poppins", sans-serif;
font-weight: bold;
font-size: 16px;
cursor: pointer;
/* Changes the transition of the background color on how long it takes
to ease in and out */
transition: background-color 0.3s ease;

&:hover {
background-color: #111111;
}
}
}

footer {
text-align: center;
padding: 10px;
background-color: #1d1d1c;
color: #ffffff;
}
Binary file added 2024/11-11-2024/Work/web-img/kittycat_meow.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
80 changes: 80 additions & 0 deletions 2024/11-11-2024/test.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rah Rah Meow</title>

<style>
body {
background-color: papayawhip;
font-family: "Poppins", sans-serif;
font-weight: 500;
}

h2 {
font-family: "Poppins", sans-serif;
font-weight: 700;
text-align: center;
font-size: 40px;
color: black;
}

form {
font-family: "Poppins", sans-serif;
font-weight: 500;
background-color: lightsalmon;
padding: 20px;
border-radius: 20px;
border: 2px solid black;

input {
background-color: peachpuff;
border-radius: 5px;
border: 1px solid black;
}
}
</style>
</head>
<body>
<h2>Test Forms</h2>
<form action="/test2.html">
<label for="firstName">First Name:</label> <br>
<input type="text" id="firstName" value="" placeholder="Jane"></label> <br>
<label for="lastName">Last Name:</label> <br>
<input type="text" id="lastName" value="" placeholder="Doe"></label> <br> <br>

<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label> <br> <br>

<input type="checkbox" id="terms" name="terms" value="terms">
<label for="terms">I agree to the terms and conditions</label> <br>
<input type="checkbox" id="html" name="learnField" value="learnField">
<label for="terms">I want to learn HTML</label> <br>
<input type="checkbox" id="css" name="learnField" value="learnField">
<label for="terms">I want to learn CSS</label> <br> <br>

<label for="age">Age:</label> <br>
<input type="number" id="age" value="" placeholder="18"> <br> <br>

<label for="password">Password:</label> <br>
<input type="password" id="password" value="" placeholder="Password"> <br>
<label for="confirmPassword">Confirm Password:</label> <br>
<input type="password" id="confirmPassword" value="" placeholder="Confirm Password"> <br> <br>

<label for="phoneNumber">Phone Number:</label> <br>
<input type="tel" id="phoneNumber" value="" placeholder="123-456-7890"> <br>

<label for="email">Email:</label> <br>
<input type="email" id="email" value="" placeholder="V9o5Q@example.com"> <br> <br>

<input type="button" value="Button"> <br>

<input type="submit" value="Submit">
</form>
</body>
</html>
29 changes: 29 additions & 0 deletions 2024/11-11-2024/test2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meow :3</title>

<style>
body {
background-color: papayawhip;
}

h2 {
font-family: "Poppins", sans-serif;
font-weight: 700;
text-align: center;
font-size: 40px;
color: black;
}
</style>
</head>
<body>
<header>
<h2>Ekaphop</h2>
</header>


</body>
</html>
Loading

0 comments on commit fb98d4d

Please sign in to comment.