translatingmatters.github.io/index-fr.html at master · translatingmatters/translatingmatters.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!doctype html>
<html lang='en'>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Translating Matters</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/tachyons.css">
    <script defer src="https://use.fontawesome.com/releases/v5.0.1/js/all.js"></script>
  </head>
  <body>
    <nav class="pa2 pa4-ns">
      <img class="db mw7-l mw5-m center ph4-ns" src="./img/TM-logo-french.png" alt="Translating Matters Logo">
      <div class="center pv2 gray tc">Lucy O'Shea</div>
      <div class="tc pv4">
        <a class="link ocean-green f6 f4-ns dib mr4 hover-ocean-green" href="./index-fr.html" title="Home">Accueil</a>
        <a class="link mid-gray f6 f4-ns dib mr4 hover-ocean-green" href="./about-fr.html" title="About">À propos</a>
        <a class="link mid-gray f6 f4-ns dib mr4 hover-ocean-green" href="./services-fr.html" title="Services">Services</a>
        <a class="link mid-gray f6 f4-ns dib hover-ocean-green" href="./testimonials-fr.html" title="Testimonials">Références</a>
      </div>
    </nav>

    <main class="pa3 pa0-ns pv2-ns bg-light-gray black">
      <div class="tj f4 center mw7">
        <p class="tc b lh-title">Ensemble, nous pouvons faire passer votre message en anglais!</p>
        <p class="lh-copy">
          Bénéficiez rapidement de services rigoureux
          et de haute qualité pour la traduction de textes du français vers l'anglais,
          et la révision de documents rédigés en anglais.
          Que votre texte soit de nature technique, éditoriale ou commerciale,
          mon objectif est de restituer toute la subtilité des mots que vous aurez choisis.
        </p>
        <p class="lh-copy">
          Dans un monde dominé par les machines et la technologie,
          laissez un être humain moduler votre voix.
          C’est la touche personnelle qui fait toute la différence!
        </p>
      </div>
      <img class="db mw7-l mw5-m center pv4 ph4-ns" src="./img/desk-square.jpg" alt="Office Translating Matters">
    </main>

    <footer class="pa2 bg-gray">
      <div class="tc pv2">
        <a class="link f4 f3-ns dib mh4 ocean-green" href="https://www.facebook.com/translatingmatters/"><i class="fab fa-facebook-f"></i></a>
        <a class="link f4 f3-ns dib mh4 ocean-green" href="https://twitter.com/LucyO86"><i class="fab fa-twitter"></i></a>
        <a class="link f4 f3-ns dib mh4 ocean-green" href="http://translatingmatters.blogspot.co.uk/"><i class="fab fa-blogger-b"></i></a>
      </div>
      <div class="pv2 mw5 center tc">
        <a class="center dib link f6 f5-ns white" href="./index.html">Read in English</a>
      </div>
      <div class="mw8 center tc f7 pv2-ns">
        <span class="small white">Lucy O'Shea, Translating Matters. All rights reserved.</span>
      </div>
    </footer>

  </body>
</html>