Skip to content

Commit

Permalink
Website for Digital Business Class
Browse files Browse the repository at this point in the history
  • Loading branch information
MafuSaku authored Nov 4, 2024
1 parent ccda8a4 commit e89a5f1
Show file tree
Hide file tree
Showing 14 changed files with 656 additions and 0 deletions.
90 changes: 90 additions & 0 deletions 2024/28-10-2024/Afternoon/Lab/LAB.html
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</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>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 21 additions & 0 deletions 2024/28-10-2024/Afternoon/test.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skibidi Purp</title>
</head>
<body style="background-color:#cc99cc;">
<h1 style="text-align: center; border: solid; border-radius: 20px;">การพัฐณาเว็บไซต์ธุรกิจเบื้องต้น</h1>
<p style="text-align: center; font-size: 50px;">Skibidi Dop Dop Dop Yes Yes!</p>

<center>
<img src="https://imgs.search.brave.com/J4iZF9EDuPEYLm_SIHkVAdN2MWpcWWUXYSMoWAyIwzo/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9tLm1l/ZGlhLWFtYXpvbi5j/b20vaW1hZ2VzL00v/TVY1Qk16Z3pNelky/TW1NdE1XTmtOeTAw/WmpWa0xXSXhPV1V0/WkRKak9ETm1ZMkl5/T1dGaVhrRXlYa0Zx/Y0djQC5qcGc"
width="550px" height="550px" alt="Image of a head coming out of a toilet" />
<br>
<br>
<button style="color: white; background-color: beige; border: solid; border-radius: 20px;"><a href="https://www.roblox.com/th/login">เข้าสู่ระบบ</a></button>
</center>

</body>
</html>
26 changes: 26 additions & 0 deletions 2024/28-10-2024/Morning/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">

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

<body style="background-color:powderblue;">

<h1 style="background-color:yellow; font-size:50px;">Skibidi Dop Dop James Yes Yes Toilet</h1>
<p style="background-color:tomato; font-size:30px;">meow :3</p>

<img src="https://imgs.search.brave.com/J4iZF9EDuPEYLm_SIHkVAdN2MWpcWWUXYSMoWAyIwzo/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9tLm1l/ZGlhLWFtYXpvbi5j/b20vaW1hZ2VzL00v/TVY1Qk16Z3pNelky/TW1NdE1XTmtOeTAw/WmpWa0xXSXhPV1V0/WkRKak9ETm1ZMkl5/T1dGaVhrRXlYa0Zx/Y0djQC5qcGc"
width="550px" height="550px"></img>
<img src="https://imgs.search.brave.com/I10KL_fcpEyJCRSeXwTwMFBlpscVELUQZhUKnorSATM/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9pLnBp/bmltZy5jb20vb3Jp/Z2luYWxzL2Y1LzJm/LzNiL2Y1MmYzYjQw/ZDE4MWMyOTIxOTM3/M2NiNDk5ZDRjNDg5/LmpwZw"
width="350px" height="550px"></img>
<img src="https://imgs.search.brave.com/GZBBds7xVGasfGa4F7jiugbsRR07zX9Ox2wZ2TbunKo/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9pLmt5/bS1jZG4uY29tL2Vu/dHJpZXMvaWNvbnMv/bWVkaXVtLzAwMC8w/NDcvNTQ5L2t1cnRf/YW5nbGVfbWVtZS5q/cGc"
width="1000px" height="100px"></img>

<iframe width="1280" height="720" src="https://www.youtube.com/embed/FPAMLQUr79s" title="skibidi toilet 77 (part 5)" frameborder="0" ></iframe>

</body>

</html>
18 changes: 18 additions & 0 deletions 2024/4-11-2024/Java/test.java
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
public class test {
public static void main(String[] args) {
int myNum = 10;
System.out.println(myNum);

float floatingNum = 5.99f;
System.out.println(floatingNum);

char myChar = 'a';
System.out.println(myChar);

boolean myBoolean = true;
System.out.println(myBoolean);

String myString = "Hello";
System.out.println(myString);
}
}
22 changes: 22 additions & 0 deletions 2024/4-11-2024/Site/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
h1 {
text-align: center;
color: purple;
}

p {
padding-left: 20px;
color: royalblue;
}

button {
border: none;
border-radius: 20px;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
18 changes: 18 additions & 0 deletions 2024/4-11-2024/Site/test2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>skibidi</title>

<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>สกีบีดี</h1>
<p>ทดสอบสกีบีดี</p>

<main></main>

<button><a href="https://www.google.com/search?q=skibidi+toilet" target="_blank">ดูไอฟิล์ม</a></button>
</body>
</html>
83 changes: 83 additions & 0 deletions 2024/4-11-2024/shop-test/checkout.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shop (Checkout) - Skibidi Rizop</title>

<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

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

<!-- Header with navigation menu -->
<header>
<h1>Skibidi Rizop</h1>
<nav>
<a href="index.html">Home</a>
<a href="skibidi_product.html">Shop</a>
</nav>
</header>

<!-- Main content of the page-->
<main>

<section id="product-checkout">
<h2>Checkout</h2>
<p>This is where you checkout for the items you are about to purchase. This includes billing and receipt information for your purchases.</p>

<h2>Purchases</h2>
<ul>
<li>
<h3>Skibidi Toilet Costume</h3>
<p>A costume about the infamous skibidi toilet character from the series/franchise which is the main enermy.</p>

<center>
<img src="./images/SkibidiToiletCostume.png" alt="Man wearing a toilet costume" width="520px" height="520px">
</center>
<p>THB 1,541</p>
<p><strong>Purchase Success!</strong></p>
<p><i>Thank you for your purchase, Please check the receipt sent to your email for more detail.</i></p>
</li>
<li>
<h3>Skibidi Toilet Costume</h3>
<p>A costume about the infamous skibidi toilet character from the series/franchise which is the main enemy.</p>

<center>
<img src="./images/SkibidiToiletCostume.png" alt="Man wearing a toilet costume" width="520px" height="520px">
</center>
<p>THB 1,541</p>
<p><strong>Purchase Failed!</strong></p>
<p><i><strong>Uh oh! Your purchase failed to be processed.</strong> Please try again in a few minutes.</i></p>
<p><i>If the issue persists, Please contact us directly through our skibidi email.</i></p>
</li>
<li>
<h3>Speakerman Costume</h3>
<p>A costume about the infamous speakerman character from the series/franchise which is a part of the ally.</p>

<center>
<img src="./images/SpeakermanCostume.png" alt="Man wearing a costume with a speak for a head and a suit and tie for the outfit" width="520px" height="520px">
</center>
<p>THB 1,198</p>
<p><strong>Purchase Success!</strong></p>
<p><i>Thank you for your purchase, Please check the receipt sent to your email for more detail.</i></p>
</li>
</ul>

<center>
<button class="return-button"><a href="skibidi_product.html">Back to shop</a></button>
</center>

</section>

</main>

<footer>
<p> &copy; 2024 Skibidi LLC & Synilla Corporation. All rights reserved.</p>
</footer>

</body>
</html>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
48 changes: 48 additions & 0 deletions 2024/4-11-2024/shop-test/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shop (Main) - Skibidi Rizop</title>

<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

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

<!-- Header with navigation menu -->
<header>
<h1>Skibidi Rizop</h1>
<nav>
<a href="index.html">Home</a>
<a href="skibidi_product.html">Shop</a>
</nav>
</header>

<!-- Main content of the page-->
<main>

<section id="product-connect">
<h2>Skibidi Toilet</h2>
<sup>This includes products revolving around Skibidi Toilet.</sup>

<h3>Products</h3>
<center>
<a href="skibidi_product.html">
<img src="./images/retail_collection.png" alt="Image of skibidi toilet products in retail stores" width="520px" height="520px">
</a>
</center>

</section>

</main>

<footer>
<p> &copy; 2024 Skibidi LLC & Synilla Corporation. All rights reserved.</p>
</footer>

</body>
</html>
Loading

0 comments on commit e89a5f1

Please sign in to comment.