<script lang="ts">
  import GalleryImage from '$lib/components/GalleryImage.svelte'
  import { _ } from 'svelte-i18n'
</script>

<h6>{$_('projects.arbiopsWeb.title')}</h6>
<div class="grid">
  <div class="s12 m6 l4">
    <GalleryImage
      src="/img/arbiops/login.png" 
      title={$_('projects.arbiopsWeb.pic1')}/>
  </div>
  <div class="s12 m6 l4">
    <GalleryImage
      src="/img/arbiops/chains.png" 
      title={$_('projects.arbiopsWeb.pic2')}/>
  </div>
  <div class="s12 m6 l4">
    <GalleryImage
      src="/img/arbiops/files.png" 
      title={$_('projects.arbiopsWeb.pic3')}/>
  </div>
</div>
<blockquote>
  <p>{$_('projects.arbiopsWeb.paragraph1')}</p>
  <p>{$_('projects.arbiopsWeb.paragraph2')}</p>
</blockquote>