|
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>huggingface.js</title> |
|
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> |
|
|
|
<link rel="stylesheet" href="css/styles.css"> |
|
</head> |
|
|
|
<body> |
|
|
|
<div class="container-main"> |
|
|
|
<div class="container mt-5"> |
|
|
|
<h2>Multimodal</h2> |
|
<div class="row"> |
|
<div class="col-md-3"> |
|
<a href="image2text.html" class="text-decoration-none text-dark"> |
|
<div class="card card-custom-height"> |
|
<div class="card-body"> |
|
<h5 class="card-title">Image to Text</h5> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
<div class="col-md-3"> |
|
<a href="visualqa.html" class="text-decoration-none text-dark"> |
|
<div class="card card-custom-height"> |
|
<div class="card-body"> |
|
<h5 class="card-title">Document & Visual Q&A</h5> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
</div> |
|
|
|
<h2>Natural Language Processing</h2> |
|
|
|
<div class="row"> |
|
<div class="col-md-3"> |
|
<a href="stream-textgeneration.html" class="text-decoration-none text-dark"> |
|
<div class="card card-custom-height"> |
|
<div class="card-body"> |
|
<h5 class="card-title">Text Generation</h5> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
<div class="col-md-3"> |
|
<a href="question-answering.html" class="text-decoration-none text-dark"> |
|
<div class="card card-custom-height"> |
|
<div class="card-body"> |
|
<h5 class="card-title">Question Answering</h5> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
|
|
<div class="col-md-3"> |
|
<a href="translation.html" class="text-decoration-none text-dark"> |
|
<div class="card card-custom-height"> |
|
<div class="card-body"> |
|
<h5 class="card-title">Translation</h5> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
<h2>Computer Vision</h2> |
|
<div class="row"> |
|
|
|
<div class="col-md-3"> |
|
<a href="https://huggingface.co/spaces/boazchung/hello-huggingface.js/blob/main/index.html" class="text-decoration-none text-dark"> |
|
<div class="card card-custom-height"> |
|
<div class="card-body"> |
|
<h5 class="card-title">Object Detection</h5> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
</div> |
|
</div> |
|
|
|
<script> |
|
|
|
</script> |
|
</body> |
|
|
|
</html> |
