This project is a simple, static landing page for "Tokbaro" (똑바로), built with HTML and CSS.
landing/
├── index.html # Main HTML file (Content & Structure)
├── style.css # CSS file (Design, Layout, Animations)
├── assets/
│ └── images/
│ ├── mainchar.png # Character image
│ ├── toklogo.png # Logo image
│ └── commingsoon.png # (Unused) Badge image
└── README.md # This documentation file
Open index.html in any text editor (VS Code, Notepad, etc.).
- Headlines & Paragraphs: Look for text inside
<h1>,<h2>,<p>tags. - Business Info: Scroll to the
<footer class="footer">section at the bottom to update address or business number.
Open style.css to modify the look and feel.
- Colors: At the top of the file, under
:root, you can change the color variables::root { --primary-color: #4A90E2; /* Change this for the main blue color */ --secondary-color: #50E3C2; /* Change this for the teal accent */ /* ... */ }
- Fonts: The project uses 'Noto Sans KR' from Google Fonts.
- Mobile/Desktop Layout: Adjustments for screen sizes are at the bottom of the file inside
@mediablocks.
Since this is a static site, you can deploy it easily:
- GitHub Pages: Upload these files to a GitHub repository and enable GitHub Pages.
- Netlify/Vercel: Drag and drop the folder to deploy instantly.
- Local: Just double-click
index.htmlto view it in your browser.