tom/index.html at devops · miszuto/tom · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" href="src/css/style.css">
    <title>Biuro tłumaczeń - Tomasz Misiak</title>
</head>
<body>
   <header>
       <nav class="navigation">
           <ul >
               <li class="navigation__li navigation__li--home"><a href="#home" >Home</a></li>
               <li class="navigation__li"><a href="#about">O firmie</a></li>
               <li class="navigation__li"><a href="#ofert">Oferta</a></li>
               <li class="navigation__li"><a href="#prices">Cennik</a></li>
               <li class="navigation__li"><a href="#contact">Kontakt</a></li>
           </ul>
       </nav>
   </header>
   <main>
       <section id="home" class="home-section">
           <!--<p>tłumaczymy z pasją</p>-->
           <!--<button>Napisz</button>-->
           <div class="page-row banner">
               <div class="text-wrapper">
                   <h1>20 lat doświadczenia</h1>
                   <p>tłumaczenia to nasza specjalność</p>
               </div>
               <img src="src/images/typing.svg" alt="">
           </div>
       </section>
       <section id="about" class="section-about">
           <div class="page-row">
               <h2>Kilka słów o mnie</h2>
               <p> Lorem ipsum dolor sit amet quam. Phasellus id felis. Morbi hendrerit. Maecenas vehicula, dui eget orci luctus mauris mattis sem. Mauris rutrum, urna a augue eu urna. Cras semper egestas. Cras non urna. Donec nonummy risus risus libero, posuere sit amet ipsum. psum primis in nisl. Nam pulvinar, odio. In pede. Fusce aliquam vehicula enim aliquam dolor. Nulla vitae l Lorem ipsum dolor sit amet quam. Phasellus id felis. Morbi hendrerit. Maecenas vehicula, dui eget orci luctus mauris mattis sem. Mauris rutrum, urna a augue eu urna. Cras semper egestas. Cras non urna. Donec nonummy risus risus libero, posuere sit amet ipsum. psum primis in nisl. Nam pulvinar, odio. In pede. Fusce aliquam vehicula enim aliquam dolor. Nulla vitae l</p>
           </div>
       </section>
       <section id="ofert" class="section-ofert">
           <div class="page-row">
               <h2>Oferta</h2>
               <div class="description">
                   <h3 class="description--head">Tłumaczenia techniczne</h3>
                   <span class="description--icon">
                       <i class=" fas fa-wrench"></i>
                   </span>
                   <p class="description--text">Lorem ipsum dolor sit amet quam. Phasellus id felis. Morbi hendrerit. Maecenas vehicula, dui eget orci luctus mauris mattis sem. Mauris rutrum, urna a augue eu urna. Cras semper egestas. Cras non urna. Donec nonummy risus risus libero, posuere sit amet ipsum. psum primis in nisl. Nam pulvinar, odio. In pede. Fusce aliquam vehicula enim aliquam dolor. Nulla vitae l</p>
               </div>
               <div class="description">
                   <h3 class="description--head">Tłumaczenia medyczne</h3>
                   <span class="description--icon">
                       <i class=" fas fa-medkit"></i>
                   </span>
                   <p class="description--text">Lorem ipsum dolor sit amet quam. Phasellus id felis. Morbi hendrerit. Maecenas vehicula, dui eget orci luctus mauris mattis sem. Mauris rutrum, urna a augue eu urna. Cras semper egestas. Cras non urna. Donec nonummy risus risus libero, posuere sit amet ipsum. psum primis in nisl. Nam pulvinar, odio. In pede. Fusce aliquam vehicula enim aliquam dolor. Nulla vitae l</p>
               </div>
               <div class="description">
                   <h3 class="description--head">Tłumaczenia naukowe</h3>
                   <span class="description--icon">
                       <i class=" fas fa-microscope"></i>
                   </span>
                   <p class="description--text">Lorem ipsum dolor sit amet quam. Phasellus id felis. Morbi hendrerit. Maecenas vehicula, dui eget orci luctus mauris mattis sem. Mauris rutrum, urna a augue eu urna. Cras semper egestas. Cras non urna. Donec nonummy risus risus libero, posuere sit amet ipsum. psum primis in nisl. Nam pulvinar, odio. In pede. Fusce aliquam vehicula enim aliquam dolor. Nulla vitae l</p>
               </div>
               <div class="description">
                   <h3 class="description--head">Tłumaczenia budowlane</h3>
                   <span class="description--icon">
                       <i class=" fas fa-hammer"></i>
                   </span>
                   <p class="description--text">Lorem ipsum dolor sit amet quam. Phasellus id felis. Morbi hendrerit. Maecenas vehicula, dui eget orci luctus mauris mattis sem. Mauris rutrum, urna a augue eu urna. Cras semper egestas. Cras non urna. Donec nonummy risus risus libero, posuere sit amet ipsum. psum primis in nisl. Nam pulvinar, odio. In pede. Fusce aliquam vehicula enim aliquam dolor. Nulla vitae l</p>
               </div>
               <div class="description">
                   <h3 class="description--head">Tłumaczenia motoryzacyjne</h3>
                   <span class="description--icon">
                       <i class=" fas fa-car"></i>
                   </span>
                   <p class="description--text">Lorem ipsum dolor sit amet quam. Phasellus id felis. Morbi hendrerit. Maecenas vehicula, dui eget orci luctus mauris mattis sem. Mauris rutrum, urna a augue eu urna. Cras semper egestas. Cras non urna. Donec nonummy risus risus libero, posuere sit amet ipsum. psum primis in nisl. Nam pulvinar, odio. In pede. Fusce aliquam vehicula enim aliquam dolor. Nulla vitae l</p>
               </div>
           </div>
       </section>
       <section id="prices">
           <div class="page-row">
            <h2>Cennik</h2>
           </div>
       </section>
       <section id="contact">
           <div class="page-row">
               <h2>Napisz lub zadzwoń</h2>
               <address class="address">
                   <p>Dane firmy</p>
                   <p>Biuro Usług Językowych Tomasz Misiak</p><br>

                   <p><span>NIP: </span>8131037568</p><br>

                   <p><span>REGON: </span>690369759</p><br>

                   <p><span>ul. </span>Adama Idźkowskiego 3/34, 00-442 Warszawa</p><br>

                   <a href="tel:777666555" class="fas fa-phone" > 777-666-555</a><br>
                   <a href="mailto:aaa@wp.pl" class="fas fa-envelope"> aaa@wp.pl</a>
               </address>
           </div>
       </section>
   </main>
<footer>
    <a href="https://www.freepik.com/free-photos-vectors/background">Background vector created by iconicbestiary - www.freepik.com</a>
</footer>


</body>
</html>