|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="ko"> |
| 3 | +<head> |
| 4 | +<title>Files</title> |
| 5 | +<!-- META --> |
| 6 | +<meta charset="UTF-8" /> |
| 7 | +<meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 8 | +<meta property="og:title" content="Files" /> |
| 9 | +<meta property="og:description" content="Windows 플랫폼의 한계를 뛰어넘는 최신 파일 탐색기" /> |
| 10 | +<meta property="og:image" content="https://user-images.usercontent.com/39923744/102912796-da431f00-444b-11eb-9f8e-6deab47d0e45.png" /> |
| 11 | +<meta name="description" content="플랫폼의 한계를 뛰어넘는 최신 파일 탐색기" /> |
| 12 | +<!-- Favicon --> |
| 13 | +<link rel="icon" href="../img/favicon.png" sizes="32x32" type="image/png" /> |
| 14 | + |
| 15 | +<!-- Bootstrap --> |
| 16 | +<link href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel=" stylesheet" integrity=" sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin=" anonymous" /> |
| 17 | +<link rel=" stylesheet" href=" https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" /> |
| 18 | +<!-- AOS --> |
| 19 | +<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> |
| 20 | +<!-- Custom CSS --> |
| 21 | +<link rel="stylesheet" href="../css/custom.css" /> |
| 22 | +</head> |
| 23 | + |
| 24 | +<body> |
| 25 | +<!-- |
| 26 | +:------------ |
| 27 | +---------------- |
| 28 | +-----------------:::::::::::::::::: |
| 29 | +---------------::::::::::::::::::::: |
| 30 | +:::::::::::::::::::::::::::::::::::: |
| 31 | +:::::::::::::::::::::::::::::::::::: |
| 32 | +:::::::::::::::::::::::::::::::::::: |
| 33 | +:::::::::::::::::::::::::::::::::::- |
| 34 | +----------------------------------+*#- |
| 35 | +-------------------------------=+*#### |
| 36 | +-----------------------------=+++*#### |
| 37 | +--------------------------=+++++++#### |
| 38 | +------------------------=+++++++==#### |
| 39 | +--------------------==+++++++==--=#### |
| 40 | +------------------=++++++++=-----=#### |
| 41 | +---------------==+++++++==-------=#### |
| 42 | +------------==+++++++++++++++++++++++ |
| 43 | +Files +++++++++++++++++++++++++ |
| 44 | +--> |
| 45 | +<div class="parallax"> |
| 46 | +<!-- Parallaxing background image --> |
| 47 | +<div class="parallax-layer parallax-background-image"> |
| 48 | +<div class="image-receiver"></div> |
| 49 | +</div> |
| 50 | + |
| 51 | +<!-- Parallaxing header--> |
| 52 | +<div class="jumbotron jumbotron-fluid" id="banner"> |
| 53 | +<div class="container text-center text-md-center"> |
| 54 | +<header> |
| 55 | +<div class="row justify-content-between"> |
| 56 | +<div class="col-2"> |
| 57 | +<a href="index.html"> |
| 58 | +<img src="../img/logo.png" alt="logo" /> |
| 59 | +</a> |
| 60 | +</div> |
| 61 | +<div class="col-2 align-self-center"> |
| 62 | +<a href="../" class="text-white"> |
| 63 | +English |
| 64 | +</a> |
| 65 | + |
| 66 | +<a href="../ja-jp/" class="text-white"> |
| 67 | +日本語 |
| 68 | +</a> |
| 69 | + |
| 70 | +<a href="../fa-IR/" class="text-white"> |
| 71 | +فارسی |
| 72 | +</a> |
| 73 | +</div> |
| 74 | +</div> |
| 75 | +<h1 class="display-2 text-white fw-bold my-2">Files</h1> |
| 76 | +<h4 class="text-white fw-light my-4">플랫폼의 한계를 뛰어넘는 최신 파일 탐색기</h4> |
| 77 | +<a href="https://www.microsoft.com/store/apps/9NGHP3DX8HDX" class="btn my-2 mx-2 fw-bold cta cta-white" |
| 78 | +target="_blank"> |
| 79 | +지금 다운로드 |
| 80 | +</a> |
| 81 | +<a href="https://.com/files-community/Files" class="btn my-2 mx-2 fw-bold cta cta-white-outline" |
| 82 | +target="_blank"> |
| 83 | +에서 보기 |
| 84 | +</a> |
| 85 | +</header> |
| 86 | +</div> |
| 87 | +</div> |
| 88 | + |
| 89 | +<!-- Rest of the website --> |
| 90 | +<div class="parallax-content-layer"> |
| 91 | +<!-- Features --> |
| 92 | +<div class="container my-5 py-2"> |
| 93 | +<h2 class="text-center fw-bold my-5">주요 기능</h2> |
| 94 | +<div class="row"> |
| 95 | +<div class="col-md-4 text-center"> |
| 96 | +<img src="../img/icons/tabs.svg" class="mx-auto my-5" alt="Tabs Icon" height="110" height="110" /> |
| 97 | +<h4>다중 탭</h4> |
| 98 | +<p>다중 탭으로 인한 생산성 향상</p> |
| 99 | +</div> |
| 100 | +<div class="col-md-4 text-center"> |
| 101 | +<img src="https://img.icons8.com/fluent/96/000000/paint-palette.png" alt="Fluent Design" |
| 102 | +class="mx-auto my-5" width="110" height="110" /> |
| 103 | +<h4>Fluent 디자인</h4> |
| 104 | +<p>사용성을 향상시키는 Fluent</p> |
| 105 | +</div> |
| 106 | +<div class="col-md-4 text-center"> |
| 107 | +<img src="../img/icons/quicklook.png" alt="QuickLook Icon" class="mx-auto my-5" width="110" height="110" /> |
| 108 | +<h4>QuickLook 지원</h4> |
| 109 | +<p>파일들을 빠르게 미리볼 수 있는 QuickLook을 완벽 지원</p> |
| 110 | +</div> |
| 111 | +</div> |
| 112 | +</div> |
| 113 | + |
| 114 | +<!-- Information --> |
| 115 | +<div class="jumbotron jumbotron-fluid info" id="info"> |
| 116 | +<div class="container my-5"> |
| 117 | +<div class="row justify-content-between text-center text-md-left"> |
| 118 | +<div class="col-md-6"> |
| 119 | +<h2 class="fw-bold">살펴보기</h2> |
| 120 | +<p class="my-4">도움말을 찾거나 Files에 대해 자세히 알아볼려면 설명서를 확인하세요.</p> |
| 121 | +<a href="../docs/" class="btn my-4 cta cta-darkblue" target="_blank">설명서</a> |
| 122 | +</div> |
| 123 | +<div class="col-md-6 align-self-center"> |
| 124 | +<img src="../img/laptop-splash.png" alt="Laptop Demo" class="mx-auto d-block" /> |
| 125 | +</div> |
| 126 | +</div> |
| 127 | +</div> |
| 128 | +</div> |
| 129 | + |
| 130 | +<!-- Copyright --> |
| 131 | +<div class="jumbotron jumbotron-fluid" id="copyright"> |
| 132 | +<div class="container"> |
| 133 | +<div class="row justify-content-between"> |
| 134 | +<div class="col-md-6 text-white align-self-center text-center text-md-left my-2">Copyright © 2021 Files |
| 135 | +Community</div> |
| 136 | +<div class="col-md-6 align-self-center text-center text-md-right my-2" id="social-media"> |
| 137 | +<div class="icons-container"> |
| 138 | +<a href="https://.com/files-community" rel="external" class="d-inline-block ml-2"> |
| 139 | +<i class="bi-"></i> |
| 140 | +</a> |
| 141 | +<a href="https://discord.gg/mr5hVu8" rel="external" class="d-inline-block ml-2"> |
| 142 | +<i class="bi-discord"></i> |
| 143 | +</a> |
| 144 | +<a href="http://paypal.me/yaichenbaum" rel="external" class="d-inline-block text-center ml-2 icon-paypal"></a> |
| 145 | +</div> |
| 146 | +</div> |
| 147 | +</div> |
| 148 | +</div> |
| 149 | +</div> |
| 150 | + |
| 151 | +<!-- Analytics --> |
| 152 | +<script type="text/javascript"> |
| 153 | +(function (c, l, a, r, i, t, y) { |
| 154 | +c[a] = |
| 155 | +c[a] || |
| 156 | +function () { |
| 157 | +(c[a].q = c[a].q || []).push(arguments); |
| 158 | +}; |
| 159 | +t = l.createElement(r); |
| 160 | +t.async = 1; |
| 161 | +t.src = "https://www.clarity.ms/tag/" + i; |
| 162 | +y = l.getElementsByTagName(r)[0]; |
| 163 | +y.parentNode.insertBefore(t, y); |
| 164 | +})(window, document, "clarity", "script", "4q1wajdktz"); |
| 165 | +</script> |
| 166 | +</div> |
| 167 | +</div> |
| 168 | + |
| 169 | +<div id="translation-toast" class="translation-toast bottom toast-hidden" aria-level="1" aria-live="assertive"> |
| 170 | +<p>This page is also available in English.</p> |
| 171 | +<p>To view this page in English <a aria-label="English version of this page" href="./">click here.</a></p> |
| 172 | +<button id="close-button" aria-label="Close translation popup button" |
| 173 | +aria-label="Close information popup" aria-live="assertive" |
| 174 | +onclick="toastCloseButtonClick()"> |
| 175 | +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 30 30"> |
| 176 | +<line x1="0" y1="0" x2="30" y2="30" stroke="black" stroke-width="2" /> |
| 177 | +<line x1="30" y1="0" x2="0" y2="30" stroke="black" stroke-width="2" /> |
| 178 | +</svg> |
| 179 | +</button> |
| 180 | +</div> |
| 181 | + |
| 182 | +<script src="../js/index.js"></script> |
| 183 | +</body> |
| 184 | +</html> |
0 commit comments