<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="ระบบนำทางสำหรับล้อขนาดเล็ก">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Little Lines - TechTransThai</title>
<link rel="icon" type="image/svg" href="https://dl.techtransthai.org/resources/icons/ll.svg">
</head>
<body>
<div class="topbar">
<div class="topbar-group">
<a href="/" style="display: flex; align-items: center; text-decoration: none;">
<img src="https://dl.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
<h4 class="logo">TechTransThai</h4>
</a>
<div style="display: flex; align-items: center">
<a href="/team" class="button header">ทีม</a>
<a target="_blank" rel="noopener noreferrer" href="https://docs.techtransthai.org/" class="button header">เอกสาร</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="button header">สถานะการให้บริการ</a>
</div>
</div>
</div>
<div class="grid-container">
<div class="middle large">
<div class="header" style="margin-top: 2cm;">
</div>
<div style="display: flex; justify-content: center; margin: 3vh;">
<img src="https://dl.techtransthai.org/resources/icons/ll.svg" alt="little lines" width="80" height="80" style="margin-right: 0.1cm;">
<div style="font-weight: bold; font-size: 24pt; display: flex; align-items: center;">Little Lines</div>
</div>
<div style="text-align: center;">
<h2>ระบบนำทาง</h2>
<h2 style="margin-top: -2vh;">สำหรับล้อขนาดเล็ก</h2>
เว็บแอปนำทางสำหรับวีลแชร์ กระเป๋าล้อลาก รถเข็นเด็ก และ Micromobility ที่เกี่ยวข้อง
</div>
<div class="quickbuttons" style="margin-top: 5vh; display: flex; justify-content: center;">
<a class="button pill accent" target="_blank" rel="noopener noreferrer" href="https://little-lines.techtransthai.org">เปิดเว็บแอป</a>
<a class="button pill" target="_blank" rel="noopener noreferrer" href="https://gitlab.com/little-lines">ดูซอร์สโคด</a>
<a class="button pill" target="_blank" rel="noopener noreferrer" href="https://discord.gg/6aPemyuSzx">พูดคุยผ่าน Discord</a>
</div>
</div>
</div>
</body>
</html>