Loading video…
All breakouts
12.3App DemoHow-To hook
Hook
อยากทำเว็ป เซอร์ไพรส์แฟนบนโทรศัพย์ทำยังไง
@codekubkubcode
17.7K followers · usually 11.6K views a post
Views
134.5K
Likes
5.7K
Comments
66
Shares
410
Why it worked
The video provides high-value, actionable content that solves a specific emotional problem (making a gift for a partner) using free, accessible tools, making it highly shareable.
Summary
The creator demonstrates how to build a simple surprise website for a partner using CodePen and deploy it for free using Netlify. The video provides a step-by-step tutorial on coding, exporting, and hosting the site.
Structure
- 1Present the surprise website concept
- 2Copy code from CodePen
- 3Export the project as a zip file
- 4Upload the project to Netlify
- 5Final result demonstration
Product placement
Netlify is used as the hosting platform for the website created in the tutorial.
On-screen text
รักเค้าไหม?
เย่ เค้าก็รักเธอเหมือนกัน
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Question for You ❤️</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
body {
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
text-align: center;
background: #ffe4ec;
box-sizing: border-box;
}
.frame {
display: inline-block;
border: 5px solid #ff69b4;
border-radius: 15px;
padding: 20px;
background: white;
}
img {
max-width: 300px;
max-height: 300px;
width: auto;
height: auto;
transition: all 0.3s ease;
}
Original caption
ตอบกลับ @ห๊าาา อยากทำเว็ป เซอร์ไพรส์แฟนบนโทรศัพย์ทำยังไง #ของขวัญให้แฟน #ของขวัญ #ของขวัญวันครบรอบ #coding #ของขวัญวันเกิด
More from @codekubkubcode
Their other posts in the index, biggest breakout first.
