Browse Source

Massive website update.

pard0x
Gaetan Hurel 1 year ago
parent
commit
b6520afbc5
67 changed files with 1239 additions and 3738 deletions
  1. 29
    89
      404.html
  2. 0
    21
      LICENSE
  3. 0
    27
      README.md
  4. 0
    20
      TODO.txt
  5. 119
    0
      Z3JvdW5kLXplcm8uaHRtbA==.html
  6. 37
    28
      about.html
  7. 237
    0
      accueil.html
  8. 167
    0
      apropos.html
  9. 0
    1
      assets/3_circles_pics/3_circles_pard0x
  10. 0
    11
      assets/3_circles_pics/3_circles_pard0x.html
  11. 0
    359
      assets/img/3_icons.svg
  12. 0
    79
      assets/img/cloud-computing.svg
  13. BIN
      assets/img/en_flag.png
  14. BIN
      assets/img/fr_flag.png
  15. 0
    1
      assets/img/if_globe_318579.svg
  16. 0
    1
      assets/img/if_group_318580.svg
  17. 0
    1
      assets/img/if_phone_318576.svg
  18. 0
    92
      assets/img/server.svg
  19. 0
    59
      assets/img/smartphone.svg
  20. 118
    0
      assets/img/what_we_do/prestations.graphml
  21. 64
    0
      assets/img/what_we_do/prestations.svg
  22. 0
    0
      assets/img/what_we_do/what_we_do.graphml
  23. 0
    0
      assets/img/what_we_do/what_we_do.svg
  24. BIN
      assets/logo/favicon-16x16.png
  25. BIN
      assets/logo/favicon-32x32.png
  26. BIN
      assets/logo/favicon.ico
  27. BIN
      assets/logo/favicon2-16x16.png
  28. BIN
      assets/logo/logo-menu.png
  29. BIN
      assets/logo/logo.png
  30. BIN
      assets/logo/logo.xcf
  31. BIN
      assets/logo/logo2.png
  32. BIN
      assets/resume/ghurel.pdf
  33. BIN
      assets/resume/pard0x_ghurel_resume.pdf
  34. BIN
      assets/vertical_squares/vertical_squares.pdf
  35. 0
    249
      assets/vertical_squares/vertical_squares.svg
  36. 0
    231
      blog-home-1.html
  37. 0
    219
      blog-home-2.html
  38. 0
    260
      blog-post.html
  39. 28
    19
      contact.html
  40. 0
    106
      creeds.html
  41. 0
    168
      faq.html
  42. BIN
      fonts/FightingForce.ttf
  43. BIN
      fonts/MODENINE.PFB
  44. BIN
      fonts/MODENINE.PFM
  45. 18
    0
      fonts/modenine.nfo
  46. BIN
      fonts/modenine.ttf
  47. 0
    129
      full-width.html
  48. 115
    0
      ground-zero.html
  49. 0
    35
      gulpfile.js
  50. 32
    23
      home.html
  51. 1
    1
      js/contact_me.js
  52. 2
    2
      mail/contact_me.php
  53. 0
    38
      package.json
  54. 0
    215
      portfolio-1-col.html
  55. 0
    204
      portfolio-2-col.html
  56. 0
    203
      portfolio-3-col.html
  57. 0
    221
      portfolio-4-col.html
  58. 0
    181
      portfolio-item.html
  59. 25
    16
      portfolio.html
  60. 24
    43
      portfolio/ae-platform.html
  61. 29
    19
      portfolio/point-permis.html
  62. 142
    0
      prestations.html
  63. 0
    177
      pricing.html
  64. 5
    0
      robots.txt
  65. 26
    17
      services.html
  66. 0
    159
      sidebar.html
  67. 21
    14
      testimonials.html

+ 29
- 89
404.html View File

@@ -5,10 +5,13 @@
5 5
 
6 6
     <meta charset="utf-8">
7 7
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
-    <meta name="description" content="">
9
-    <meta name="author" content="">
8
+    <meta name="description" content="Custom pard0x 404 page.">
9
+    <meta name="keywords" content="testimonials, quotes, recent work, customers, pard0x">
10 10
 
11
-    <title>Modern Business - Start Bootstrap Template</title>
11
+    <title>404 Not Found - Hope we've not lost you \o/ | pard0x</title>
12
+
13
+    <!-- pard0x favicon © -->
14
+    <link rel="icon" type="image/png" href="./assets/logo/favicon2-16x16.png" sizes="32x32" />
12 15
 
13 16
     <!-- Bootstrap core CSS -->
14 17
     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
@@ -42,9 +45,12 @@
42 45
             <span class="navbar-toggler-icon"></span>
43 46
         </button>
44 47
         <div class="container">
45
-            <a class="navbar-brand" href="index.html">Start Bootstrap</a>
48
+            <a class="navbar-brand" href="home.html"><img src="assets/logo/logo-menu.png" alt="pard0x logo" style="max-width: 1.5em;"></a>
46 49
             <div class="collapse navbar-collapse" id="navbarExample">
47 50
                 <ul class="navbar-nav ml-auto">
51
+                    <li class="nav-item">
52
+                        <a class="nav-link" href="home.html">Home</a>
53
+                    </li>
48 54
                     <li class="nav-item">
49 55
                         <a class="nav-link" href="about.html">About</a>
50 56
                     </li>
@@ -52,41 +58,19 @@
52 58
                         <a class="nav-link" href="services.html">Services</a>
53 59
                     </li>
54 60
                     <li class="nav-item">
55
-                        <a class="nav-link" href="contact.html">Contact</a>
61
+                        <a class="nav-link" href="portfolio.html">Portfolio</a>
62
+                    </li>
63
+                    <li class="nav-item">
64
+                        <a class="nav-link" href="testimonials.html">Testimonials</a>
56 65
                     </li>
57
-                    <li class="nav-item dropdown">
58
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
59
-                            Portfolio
60
-                        </a>
61
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
62
-                            <a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
63
-                            <a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
64
-                            <a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
65
-                            <a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
66
-                            <a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
67
-                        </div>
66
+                    <li class="nav-item">
67
+                        <a class="nav-link" href="contact.html">Contact</a>
68 68
                     </li>
69
-                    <li class="nav-item dropdown">
70
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
71
-                            Blog
72
-                        </a>
73
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
74
-                            <a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
75
-                            <a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
76
-                            <a class="dropdown-item" href="blog-post.html">Blog Post</a>
77
-                        </div>
69
+                    <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
78 70
                     </li>
79
-                    <li class="nav-item dropdown">
80
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
81
-                            Other Pages
82
-                        </a>
83
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
84
-                            <a class="dropdown-item" href="full-width.html">Full Width Page</a>
85
-                            <a class="dropdown-item" href="sidebar.html">Sidebar Page</a>
86
-                            <a class="dropdown-item" href="faq.html">FAQ</a>
87
-                            <a class="dropdown-item" href="404.html">404</a>
88
-                            <a class="dropdown-item" href="pricing.html">Pricing Table</a>
89
-                        </div>
71
+                    <li class="nav-item"><p>
72
+                        <a href="#"><img src="assets/img/en_flag.png" alt="English language" style="max-width: 1.5em; margin-top: 10px"></a>
73
+                        <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français" style="max-width: 1.5em; margin-top: 10px; margin-left:10px"></a>
90 74
                     </li>
91 75
                 </ul>
92 76
             </div>
@@ -101,17 +85,17 @@
101 85
 
102 86
         <ol class="breadcrumb">
103 87
             <li class="breadcrumb-item">
104
-                <a href="index.html">Home</a>
88
+                <a href="home.html">Home</a>
105 89
             </li>
106 90
             <li class="breadcrumb-item active">404</li>
107 91
         </ol>
108 92
 
109 93
         <div class="jumbotron">
110
-            <h1 class="display-1">404</h1>
94
+            <h3>Sorry!</h3>
111 95
             <p>The page you're looking for could not be found. Here are some helpful links to get you back on track:</p>
112 96
             <ul>
113 97
                 <li>
114
-                    <a href="index.html">Home</a>
98
+                    <a href="home.html">Home</a>
115 99
                 </li>
116 100
                 <li>
117 101
                     <a href="about.html">About</a>
@@ -120,58 +104,13 @@
120 104
                     <a href="services.html">Services</a>
121 105
                 </li>
122 106
                 <li>
123
-                    <a href="contact.html">Contact</a>
124
-                </li>
125
-                <li>
126
-                    Portfolio
127
-                    <ul>
128
-                        <li>
129
-                            <a href="portfolio-1-col.html">1 Column Portfolio</a>
130
-                        </li>
131
-                        <li>
132
-                            <a href="portfolio-2-col.html">2 Column Portfolio</a>
133
-                        </li>
134
-                        <li>
135
-                            <a href="portfolio-3-col.html">3 Column Portfolio</a>
136
-                        </li>
137
-                        <li>
138
-                            <a href="portfolio-4-col.html">4 Column Portfolio</a>
139
-                        </li>
140
-                    </ul>
107
+                    <a href="portfolio.html">Portfolio</a>
141 108
                 </li>
142 109
                 <li>
143
-                    Blog
144
-                    <ul>
145
-                        <li>
146
-                            <a href="blog-home-1.html">Blog Home 1</a>
147
-                        </li>
148
-                        <li>
149
-                            <a href="blog-home-2.html">Blog Home 2</a>
150
-                        </li>
151
-                        <li>
152
-                            <a href="blog-post.html">Blog Post</a>
153
-                        </li>
154
-                    </ul>
110
+                    <a href="testimonials.html">Testimonials</a>
155 111
                 </li>
156 112
                 <li>
157
-                    Other Pages
158
-                    <ul>
159
-                        <li>
160
-                            <a href="full-width-page.html">Full Width Page</a>
161
-                        </li>
162
-                        <li>
163
-                            <a href="sidebar.html">Sidebar Page</a>
164
-                        </li>
165
-                        <li>
166
-                            <a href="faq.html">FAQ</a>
167
-                        </li>
168
-                        <li>
169
-                            <a href="404.html">404 Page</a>
170
-                        </li>
171
-                        <li>
172
-                            <a href="pricing-table.html">Pricing Table</a>
173
-                        </li>
174
-                    </ul>
113
+                    <a href="contact.html">Contact</a>
175 114
                 </li>
176 115
             </ul>
177 116
         </div>
@@ -181,9 +120,10 @@
181 120
     <!-- /.container -->
182 121
 
183 122
     <!-- Footer -->
184
-    <footer class="py-5 bg-inverse">
123
+    <footer class="py-3 bg-inverse">
185 124
         <div class="container">
186
-            <p class="m-0 text-center text-white">Copyright &copy; Your Website 2017</p>
125
+            <p class="m-0 text-center text-white">Copyright &copy; <span style="font-family: modenine; font-size: 1em" >pard0x</span> website 2017-2018</p>
126
+            <p class="m-0 text-center text-white"><a href="sitemap.xml">sitemap</a></p>
187 127
         </div>
188 128
         <!-- /.container -->
189 129
     </footer>

+ 0
- 21
LICENSE View File

@@ -1,21 +0,0 @@
1
-The MIT License (MIT)
2
-
3
-Copyright (c) 2013-2017 Blackrock Digital LLC
4
-
5
-Permission is hereby granted, free of charge, to any person obtaining a copy
6
-of this software and associated documentation files (the "Software"), to deal
7
-in the Software without restriction, including without limitation the rights
8
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
-copies of the Software, and to permit persons to whom the Software is
10
-furnished to do so, subject to the following conditions:
11
-
12
-The above copyright notice and this permission notice shall be included in
13
-all copies or substantial portions of the Software.
14
-
15
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
-THE SOFTWARE.

+ 0
- 27
README.md View File

@@ -1,27 +0,0 @@
1
-# [Start Bootstrap](http://startbootstrap.com/) - [Modern Business](http://startbootstrap.com/template-overviews/modern-business/)
2
-
3
-[Modern Business](http://startbootstrap.com/template-overviews/modern-business/) is a multipurpose, full website template for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/). This template includes 17 unique HTML pages and a working PHP contact form.
4
-
5
-## Getting Started
6
-
7
-To begin using this template, choose one of the following options to get started:
8
-* [Download the latest release on Start Bootstrap](http://startbootstrap.com/template-overviews/modern-business/)
9
-* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-modern-business.git`
10
-* Fork the repo
11
-
12
-## Bugs and Issues
13
-
14
-Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-modern-business/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/modern-business/).
15
-
16
-## Creator
17
-
18
-Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).
19
-
20
-* https://twitter.com/davidmillerskt
21
-* https://github.com/davidtmiller
22
-
23
-Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
24
-
25
-## Copyright and License
26
-
27
-Copyright 2013-2017 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-modern-business/blob/gh-pages/LICENSE) license.

+ 0
- 20
TODO.txt View File

@@ -1,20 +0,0 @@
1
-Homogénéiser footer
2
-	- sitemap
3
-	- pard0x good font
4
-
5
-Dans testimonials:
6
-	pour chaque testimonial, mettre lien vers l'item portfolio correspondant
7
-
8
-Pareil pour la barre de navi
9
-
10
- Favicon
11
-
12
-Dans les <title> + footer: mettre "pard0x" avec la bonne police, cohérent
13
-
14
-virer testimonials tant qu'on en a aucun?
15
-
16
-faire une version française
17
-
18
-Gérer un 0 barré
19
-   - à chaque fois que pard0x est écrit
20
-   - sur html, .tex, images, footer, etc.

+ 119
- 0
Z3JvdW5kLXplcm8uaHRtbA==.html View File

@@ -0,0 +1,119 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+
4
+<head>
5
+
6
+    <meta charset="utf-8">
7
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+    <meta name="description" content="Game starts here.">
9
+    <meta name="keywords" content="easy, 64">
10
+
11
+    <title>pard0x - About us</title>
12
+
13
+    <!-- pard0x favicon © -->
14
+    <link rel="icon" type="image/png" href="./assets/logo/favicon2-16x16.png" sizes="32x32" />
15
+
16
+    <!-- Bootstrap core CSS -->
17
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
18
+
19
+    <!-- Custom fonts for this template -->
20
+    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
21
+
22
+    <!-- Custom styles for this template -->
23
+    <link href="css/modern-business.css" rel="stylesheet">
24
+
25
+    <!-- Temporary navbar container fix -->
26
+    <style>
27
+    .navbar-toggler {
28
+        z-index: 1;
29
+    }
30
+
31
+    @media (max-width: 576px) {
32
+        nav > .container {
33
+            width: 100%;
34
+        }
35
+    }
36
+
37
+    @font-face { font-family: modenine; src: url('fonts/modenine.ttf'); }
38
+
39
+    </style>
40
+
41
+</head>
42
+
43
+<body>
44
+
45
+    <!-- Navigation -->
46
+    <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">
47
+        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
48
+            <span class="navbar-toggler-icon"></span>
49
+        </button>
50
+        <div class="container">
51
+            <a class="navbar-brand" href="home.html"><img src="assets/logo/logo-menu.png" alt="pard0x logo" style="max-width: 1.5em;"></a>
52
+            <div class="collapse navbar-collapse" id="navbarExample">
53
+                <ul class="navbar-nav ml-auto">
54
+                    <li class="nav-item">
55
+                        <a class="nav-link" href="home.html">Home</a>
56
+                    </li>
57
+                    <li class="nav-item">
58
+                        <a class="nav-link" href="about.html">About</a>
59
+                    </li>
60
+                    <li class="nav-item">
61
+                        <a class="nav-link" href="services.html">Services</a>
62
+                    </li>
63
+                    <li class="nav-item">
64
+                        <a class="nav-link" href="portfolio.html">Portfolio</a>
65
+                    </li>
66
+                    <li class="nav-item">
67
+                        <a class="nav-link" href="testimonials.html">Testimonials</a>
68
+                    </li>
69
+                    <li class="nav-item">
70
+                        <a class="nav-link" href="contact.html">Contact</a>
71
+                    </li>
72
+                    <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
73
+                    </li>
74
+                    <li class="nav-item"><p>
75
+                        <a href="#"><img src="assets/img/en_flag.png" alt="English language" style="max-width: 1.5em; margin-top: 10px"></a>
76
+                        <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français" style="max-width: 1.5em; margin-top: 10px; margin-left:10px"></a>
77
+                    </li>
78
+                </ul>
79
+            </div>
80
+        </div>
81
+    </nav>
82
+
83
+
84
+<!-- Page Content -->
85
+<div class="container">
86
+
87
+    <!-- Page Heading/Breadcrumbs -->
88
+    <h1 class="mt-4 mb-3">About</h1>
89
+
90
+    <ol class="breadcrumb">
91
+        <li class="breadcrumb-item">
92
+            <a href="home.html">Home</a>
93
+        </li>
94
+        <li class="breadcrumb-item active"><a href="about.html">About</a></li>
95
+        <li class="breadcrumb-item active">The other side</li>
96
+    </ol>
97
+
98
+    <!-- Intro Content -->
99
+    <div class="row" style="width=100%">
100
+        <div class="col-lg-6" style="margin: 0 auto; width=100%">
101
+            <p>Simply joking!<br><br> For some reasons, I prefer to rely on my skills rather than using mainstream tools such a social or professional networks.</p>
102
+            <p>Also, sometimes I like to contemplate the sky to discover what's hidden inside.</p>
103
+        </div>
104
+    </div>
105
+
106
+
107
+</div>
108
+<!-- /.container -->
109
+
110
+
111
+
112
+<!-- Bootstrap core JavaScript -->
113
+<script src="vendor/jquery/jquery.min.js"></script>
114
+<script src="vendor/tether/tether.min.js"></script>
115
+<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
116
+
117
+</body>
118
+
119
+</html>

+ 37
- 28
about.html View File

@@ -5,20 +5,17 @@
5 5
 
6 6
     <meta charset="utf-8">
7 7
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
-    <meta name="description" content="">
9
-    <meta name="author" content="">
8
+    <meta name="description" content="At pardOx, we like to be free. Our complementary skills make us thinking out of the box anywhere, anytime.">
9
+    <meta name="keywords" content="background, philosophy, freelance, pard0x">
10 10
 
11
-    <title>pard0x - About us</title>
11
+    <title>About us - our background and philosophy | pard0x</title>
12 12
 
13 13
     <!-- pard0x favicon © -->
14
-    <link rel="icon" type="image/png" href="./assets/logo/favicon-32x32.png" sizes="32x32" />
14
+    <link rel="icon" type="image/png" href="./assets/logo/favicon2-16x16.png" sizes="32x32" />
15 15
 
16 16
     <!-- Bootstrap core CSS -->
17 17
     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
18 18
 
19
-    <!-- Custom fonts for this template -->
20
-    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
21
-
22 19
     <!-- Custom styles for this template -->
23 20
     <link href="css/modern-business.css" rel="stylesheet">
24 21
 
@@ -34,7 +31,7 @@
34 31
         }
35 32
     }
36 33
 
37
-    @font-face { font-family: FightingForce; src: url('fonts/FightingForce.ttf'); }
34
+    @font-face { font-family: modenine; src: url('fonts/modenine.ttf'); }
38 35
 
39 36
     </style>
40 37
 
@@ -48,9 +45,12 @@
48 45
             <span class="navbar-toggler-icon"></span>
49 46
         </button>
50 47
         <div class="container">
51
-            <a class="navbar-brand" href="index.html"><span style="font-family: FightingForce; font-size: 1.2em" >p<span style="color: red"><sub> 0</sub></span><sup>x</sup></span></a>
48
+            <a class="navbar-brand" href="home.html"><img src="assets/logo/logo-menu.png" alt="pard0x logo" style="max-width: 1.5em;"></a>
52 49
             <div class="collapse navbar-collapse" id="navbarExample">
53 50
                 <ul class="navbar-nav ml-auto">
51
+                    <li class="nav-item">
52
+                        <a class="nav-link" href="home.html">Home</a>
53
+                    </li>
54 54
                     <li class="nav-item">
55 55
                         <a class="nav-link" href="about.html">About</a>
56 56
                     </li>
@@ -60,9 +60,18 @@
60 60
                     <li class="nav-item">
61 61
                         <a class="nav-link" href="portfolio.html">Portfolio</a>
62 62
                     </li>
63
+                    <li class="nav-item">
64
+                        <a class="nav-link" href="testimonials.html">Testimonials</a>
65
+                    </li>
63 66
                     <li class="nav-item">
64 67
                         <a class="nav-link" href="contact.html">Contact</a>
65 68
                     </li>
69
+                    <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
70
+                    </li>
71
+                    <li class="nav-item"><p>
72
+                        <a href="#"><img src="assets/img/en_flag.png" alt="English language" style="max-width: 1.5em; margin-top: 10px"></a>
73
+                        <a href="apropos.html"><img src="assets/img/fr_flag.png" alt="Langage français" style="max-width: 1.5em; margin-top: 10px; margin-left:10px"></a>
74
+                    </li>
66 75
                 </ul>
67 76
             </div>
68 77
         </div>
@@ -77,20 +86,18 @@
77 86
 
78 87
         <ol class="breadcrumb">
79 88
             <li class="breadcrumb-item">
80
-                <a href="index.html">Home</a>
89
+                <a href="home.html">Home</a>
81 90
             </li>
82 91
             <li class="breadcrumb-item active">About</li>
83 92
         </ol>
84 93
 
85 94
         <!-- Intro Content -->
86
-        <div class="row" style="width=100%">
87
-            <div class="col-lg-6" style="margin: 0 auto; width=100%">
88
-		<p><span style="font-family: FightingForce; font-size: 1.5em">pard0x</span> is the union of two freelancers who decided to unite their skills, and work together following their creeds and principles. Self-learners by nature, our complimentary knowledge allow us to provide serious work and efficient solutions, in this hyper-connected world where efficiency and security matter for real.</p>
89
-            </div>
95
+        <div class="row" style="margin: 0 auto; width=100%">
96
+                <img class="img-fluid rounded mb-4" src="assets/logo/logo2.png" alt="pard0x logo" style="margin: 0 auto;">
90 97
         </div>
91 98
         <div class="row" style="width=100%">
92
-            <div class="col-lg-6" style="margin: 0 auto;">
93
-                <img class="img-fluid rounded mb-4" src="http://placehold.it/750x450" alt="">
99
+            <div class="col-lg-6" style="margin: 0 auto; width=100%">
100
+		<p><span style="font-family: modenine; font-size: 1em">pard0x </span> is the union of two freelancers who decided to unite their skills, and work together following their creeds and principles. Self-learners by nature, our complimentary knowledge allow us to provide serious work and valuable solutions, in this hyper-connected world where efficiency and security matter for real.</p>
94 101
             </div>
95 102
         </div>
96 103
         <!-- /.row -->
@@ -103,30 +110,32 @@
103 110
         <div class="row">
104 111
             <div class="col-lg-5 mb-5" style="margin: 0 auto;">
105 112
                 <div class="card h-100 text-center">
106
-                    <img class="card-img-top img-fluid" src="http://placehold.it/750x450" alt="">
113
+                    <img class="card-img-top img-fluid" style="max-width: 50%; margin:0px auto; display: block; margin-top: 1.5em;" src="assets/img/incognito3.jpg" alt="Incognito silhouette">
107 114
                     <div class="card-block">
108
-                        <h4 class="card-title">Jose De la Paz</h4>
109
-                        <h6 class="card-subtitle mb-2 text-muted">Position</h6>
110
-                        <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus aut mollitia eum ipsum fugiat odio officiis odit.</p>
115
+                        <h4 class="card-title">William Drew</h4>
116
+                        <h6 class="card-subtitle mb-2 text-muted">Out-of-the-Box thinker</h6>
117
+                        <p class="card-text">I got a PhD. related to cloud computing optimization and decided research was not for me.</p>
118
+                        <p>I like to get my hands dirty and I always find a solution when faced with a problem. My resume is available <a href="#">here</a>.</p>
111 119
                     </div>
112 120
                     <div class="card-footer">
113
-                        <a href="#">name@example.com</a>
121
+                        <a href="mailto:w@pard0x.com"><span style="font-family: modenine; font-size: 1em" >w@pard0x.com</span></a>
114 122
                     </div>
115 123
                 </div>
116 124
             </div>
117 125
             <div class="col-lg-5 mb-5" style="margin: 0 auto;">
118 126
                 <div class="card h-100 text-center">
119
-                    <img class="card-img-top img-fluid" style="max-width: 50%; margin:0px auto; display: block; margin-top: 1.5em;" src="assets/img/incognito3.jpg" alt="">
127
+                    <img class="card-img-top img-fluid" style="max-width: 50%; margin:0px auto; display: block; margin-top: 1.5em;" src="assets/img/incognito3.jpg" alt="Incognito silhouette"/>
128
+
120 129
                     <div class="card-block">
121 130
                         <h4 class="card-title">Gaëtan Hurel</h4>
122 131
                         <h6 class="card-subtitle mb-2 text-muted">Free(lancer)?</h6>
123 132
                         <p class="card-text">I like that game  as much as I want to stop it.</p>
124
-                        <!--p class="card-text">Well, I didn't make it until the end of the PhD - it was too... conventional. But, good news! I actually don't need it.</p -->
125
-                        <p> I know about mobile systems & network security, cloud technologies, and advanced IT administration. My resume is available <a target="_blank" href="assets/resume/ghurel.pdf">here</a>, my LinkedIn profile <a href="creeds.html">here</a>.</p>
133
+                        <p> I know about mobile systems & network security, cloud technologies, and advanced IT administration. My resume is available <a target="_blank" href="assets/resume/pard0x_ghurel_resume.pdf">here</a>, my LinkedIn profile <a href="Z3JvdW5kLXplcm8uaHRtbA==.html">here</a>.</p>
126 134
                     </div>
127 135
                     <div class="card-footer">
128
-                        <a href="mailto:g@pard0x.com">g@pard0x.com</a>
129
-                    </div>
136
+                    <a href="mailto:g@pard0x.com"><span style="font-family: modenine; font-size: 1em" >g@pard0x.com</span></a>
137
+                </div>
138
+
130 139
                 </div>
131 140
             </div>
132 141
         </div>
@@ -138,8 +147,8 @@
138 147
     <!-- Footer -->
139 148
     <footer class="py-3 bg-inverse">
140 149
         <div class="container">
141
-            <p class="m-0 text-center text-white">Copyright &copy; pard0x website 2017</p>
142
-            <p class="m-0 text-center text-white"><a href="url">sitemap</a></p>
150
+            <p class="m-0 text-center text-white">Copyright &copy; <span style="font-family: modenine; font-size: 1em" >pard0x</span> website 2017-2018</p>
151
+            <p class="m-0 text-center text-white"><a href="sitemap.xml">sitemap</a></p>
143 152
         </div>
144 153
         <!-- /.container -->
145 154
     </footer>

+ 237
- 0
accueil.html View File

@@ -0,0 +1,237 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+
4
+<head>
5
+
6
+    <meta charset="utf-8">
7
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+    <meta name="description" content="pardOx, c'est l'union de deux freelancer informatiques offrant des solutions simples et sûres pour améliorer l'expérience IT de tous les jours.">
10
+    <meta name="keywords" content="IT, cloud computing, systèmes mobiles, IoT, pard0x">
11
+
12
+    <title>Accueil - Solutions IT, Cloud et IoT | pard0x</title>
13
+
14
+    <!-- pard0x favicon © -->
15
+    <link rel="icon" type="image/png" href="./assets/logo/favicon2-16x16.png" sizes="32x32" />
16
+
17
+    <!-- Bootstrap core CSS -->
18
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
19
+
20
+    <!-- Custom styles for this template -->
21
+    <link href="css/modern-business.css" rel="stylesheet">
22
+
23
+    <!-- Temporary navbar container fix -->
24
+    <style>
25
+    .navbar-toggler {
26
+        z-index: 1;
27
+    }
28
+    
29
+    @media (max-width: 576px) {
30
+        nav > .container {
31
+            width: 100%;
32
+        }
33
+    }
34
+    /* Temporary fix for img-fluid sizing within the carousel */
35
+    
36
+    .carousel-item.active,
37
+    .carousel-item-next,
38
+    .carousel-item-prev {
39
+        display: block;
40
+        height: 60%;
41
+        min-height: 250px;
42
+    }
43
+
44
+
45
+    .blink {
46
+        animation-duration: 1s;
47
+        animation-name: blink;
48
+        animation-iteration-count: infinite;
49
+        animation-direction: alternate;
50
+        animation-timing-function: ease-in-out;
51
+    }
52
+    @keyframes blink {
53
+        from {
54
+            opacity: 1;
55
+        }
56
+        to {
57
+            opacity: 0;
58
+        }
59
+    }
60
+
61
+    @font-face { font-family: modenine; src: url('fonts/modenine.ttf'); }
62
+
63
+    </style>
64
+
65
+</head>
66
+
67
+<body>
68
+
69
+    <!-- Navigation -->
70
+    <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">
71
+        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
72
+            <span class="navbar-toggler-icon"></span>
73
+        </button>
74
+        <div class="container">
75
+            <a class="navbar-brand" href="accueil.html"><img src="assets/logo/logo-menu.png" alt="pard0x logo" style="max-width: 1.5em;"></a>
76
+            <div class="collapse navbar-collapse" id="navbarExample">
77
+                <ul class="navbar-nav ml-auto">
78
+                    <li class="nav-item">
79
+                        <a class="nav-link" href="accueil.html">Accueil</a>
80
+                    </li>
81
+                    <li class="nav-item">
82
+                        <a class="nav-link" href="apropos.html">À propos</a>
83
+                    </li>
84
+                    <li class="nav-item">
85
+                        <a class="nav-link" href="prestations.html">Services</a>
86
+                    </li>
87
+                    <li class="nav-item">
88
+                        <a class="nav-link" href="portfolio_fr.html">Portfolio</a>
89
+                    </li>
90
+                    <li class="nav-item">
91
+                        <a class="nav-link" href="temoignage.html">Témoignages</a>
92
+                    </li>
93
+                    <li class="nav-item">
94
+                        <a class="nav-link" href="contact_fr.html">Contact</a>
95
+                    </li>
96
+                    <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
97
+                    </li>
98
+                    <li class="nav-item">
99
+                        <a href="home.html"><img src="assets/img/en_flag.png" alt="English language" style="max-width: 1.5em; margin-top: 10px"></a>
100
+                        <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français" style="max-width: 1.5em; margin-top: 10px; margin-left:10px"></a>
101
+                    </li>
102
+                </ul>
103
+            </div>
104
+        </div>
105
+    </nav>
106
+
107
+    <header id="myCarousel" class="carousel slide">
108
+        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
109
+            <div class="carousel-inner" role="listbox">
110
+                <!-- Slide One - Set the background image for this slide in the line below -->
111
+                <div class="carousel-item active" style="background-image: url('./assets/banner/triangle.png')">
112
+                    <div class="carousel-caption d-none d-md-block">
113
+                        <h1> <span style="font-family: modenine; font-size: 1.6em" >pard0x space</span><span class="blink" style="font-family: modenine; font-size: 2em">.</span></h1>
114
+                        <br><p>Bonjour, nous sommes Gaëtan et William, deux freelancers alliant leur savoir sous une même enseigne.
115
+				<br>Nous trouvons des solutions pour améliorer la productivité informatique, en gardant simplicité et sécurité à l'esprit.</p>
116
+                    </div>
117
+                </div>
118
+            </div>
119
+        </div>
120
+    </header>
121
+
122
+    <!-- Page Content -->
123
+    <div class="container">
124
+
125
+        <a href="prestations.html" style="text-decoration: none; background-color: none; color: black;"><h2 class="my-4">Notre expertise</h2></a>
126
+
127
+
128
+        <!-- Marketing Icons Section -->
129
+        <div class="row">
130
+            <div class="col-lg-4 mb-4">
131
+                <div class="card h-100">
132
+                    <h4 class="card-header">Technologie de l'information</h4>
133
+                    <a href="prestations.html" align="middle"><img class="card-img-top img-fluid" style="max-width: 40%; margin-top: 1.5em;" src="./assets/img/it.jpg" alt="icône IT; created by Pablo A from the Noun Project"></a>
134
+                    <div class="card-block">
135
+                        <p class="card-text"> Nous proposons des solutions pour la gestion des parcs informatiques et fournissons un support de qualité, que ce soit pour l'implémentation d'un nouveau service ou l'amélioration et la sécurisation d'un déjà existant.</p>
136
+                    </div>
137
+                    <!--div class="card-footer">
138
+                        <a href="services.html" class="btn btn-primary">Learn More</a>
139
+                    </div-->
140
+                </div>
141
+            </div>
142
+            <div class="col-lg-4 mb-4">
143
+                <div class="card h-100">
144
+                    <h4 class="card-header">Cloud computing</h4>
145
+                    <a href="prestations.html" align="middle"><img class="card-img-top img-fluid" style="max-width: 40%; margin-top: 1.5em;" src="./assets/img/cloud.jpg" alt="icône cloud computing; created by Symbolon from the Noun Project"></a>
146
+                    <div class="card-block">
147
+                        <p class="card-text">Nous élaborons des plateformes sophistiquées et dynamiques basées sur le cloud computing en tirant profit des technologies de virtualization, afin d'automatiser avec efficacité les tâches nécessitant de grandes ressources.</p>
148
+                    </div>
149
+                </div>
150
+            </div>
151
+            <div class="col-lg-4 mb-4">
152
+                <div class="card h-100">
153
+                    <h4 class="card-header">Systèmes embarqués</h4>
154
+                    <a href="prestations.html" align="middle"><img class="card-img-top img-fluid" style="max-width: 40%; margin-top: 1.5em;" src="./assets/img/iot1.jpg" alt="icône systèmes embarqués; created by Davo Sime from the Noun Project."></a>
155
+                    <div class="card-block">
156
+                        <p class="card-text">D'une application domotique simple à une solution complète de gestion de flotte mobile, nous concevons et développons des frameworks pour les smartphones, tablettes et autres systèmes embarquées.</p>
157
+                    </div>
158
+                </div>
159
+            </div>
160
+        </div>
161
+        <!-- /.row -->
162
+
163
+	<hr>
164
+
165
+        <!-- Portfolio Section -->
166
+        <a href="portfolio.html" style="text-decoration: none; background-color: none; color: black;"><h2>Portfolio </h2></a>
167
+
168
+        <div class="row">
169
+            <div class="col-lg-4 col-sm-6 portfolio-item">
170
+                <div class="card h-100">
171
+                    <a href="portfolio_fr/point-permis.html" align="middle"><img class="card-img-top img-fluid" style="max-width: 28%; margin-top: 1.5em;" src="./assets/img/point-permis.png" alt="Point Permis icône"></a>
172
+                    <div class="card-block">
173
+                        <h4 class="card-title"><a href="portfolio/point-permis.html">Point Permis</a></h4>
174
+                        <p class="card-text">Une application Android légère qui permet de facilement retrouver le nombre de points restant sur son permis de conduire français.</p>
175
+                    </div>
176
+                </div>
177
+            </div>
178
+            <div class="col-lg-4 col-sm-6 portfolio-item">
179
+                <div class="card h-100">
180
+                    <a href="portfolio_fr/ae-platform.html" align="middle"><img class="card-img-top img-fluid" style="max-width: 28%; margin-top: 1.5em;" src="./assets/img/activeeon.png" alt="AE Automation Platfom icône"></a>
181
+                    <div class="card-block">
182
+                        <h4 class="card-title"><a href="portfolio/ae-platform.html">AE Automation Platform</a></h4>
183
+                        <p class="card-text">Une plateforme cloud construite sur Microsoft Azure IaaS avec Kubernetes, garantissant une forte disponibilité et une tolérance aux pannes pour les calculs de haute performance.</p>
184
+                    </div>
185
+                </div>
186
+            </div>
187
+        </div>
188
+        <!-- /.row -->
189
+
190
+	<hr>
191
+
192
+
193
+	<a href="temoignages.html" style="text-decoration: none; background-color: none; color: black;"><h2>Témoignages</h2></a>
194
+        <div class="row">
195
+            <div class="col-lg-4 mb-4">
196
+                <div class="card h-100">
197
+                    <h4 class="card-header"></h4>
198
+                    <div class="card-block">
199
+                        <p class="card-text"><b>"</b>Il n'y a pas encore de témoignage. Souhaitez-vous apporter le premier?<b>"</b></p>
200
+                    </div>
201
+                </div>
202
+            </div>
203
+        </div>
204
+        <hr>
205
+
206
+
207
+        <!-- Contact Section -->
208
+	<a href="contact_fr.html" style="text-decoration: none; background-color: none; color: black;"><h2 class="my-4">Contact</h2></a>
209
+        <div class="row mb-4">
210
+            <div class="col-md-8">
211
+                <p>Vous avez une question ou une mission pour nous? N'hésitez pas à prendre contact.</p>
212
+            </div>
213
+            <div class="col-md-4">
214
+                <a class="btn btn-lg btn-secondary btn-block" href="contact_fr.html">Contact</a>
215
+            </div>
216
+        </div>
217
+
218
+    </div>
219
+    <!-- /.container -->
220
+
221
+    <!-- Footer -->
222
+    <footer class="py-3 bg-inverse">
223
+        <div class="container">
224
+            <p class="m-0 text-center text-white">Copyright &copy; <span style="font-family: modenine; font-size: 1em" >pard0x</span> website 2017-2018</p>
225
+            <p class="m-0 text-center text-white"><a href="sitemap.xml">sitemap</a></p>
226
+        </div>
227
+        <!-- /.container -->
228
+    </footer>
229
+
230
+    <!-- Bootstrap core JavaScript -->
231
+    <script src="vendor/jquery/jquery.min.js"></script>
232
+    <script src="vendor/tether/tether.min.js"></script>
233
+    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
234
+
235
+</body>
236
+
237
+</html>

+ 167
- 0
apropos.html View File

@@ -0,0 +1,167 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+
4
+<head>
5
+
6
+    <meta charset="utf-8">
7
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+    <meta name="description" content="À pardOx, nous aimons être libre. Nos compétences complémentaires nous permettent de penser en dehors de la boîte, et ce n'importe où, n'importe quand.">
9
+    <meta name="keywords" content="contexte, philosophie, à propos, freelance, pard0x">
10
+
11
+    <title>À propos - contexte et philosophie | pard0x</title>
12
+
13
+    <!-- pard0x favicon © -->
14
+    <link rel="icon" type="image/png" href="./assets/logo/favicon2-16x16.png" sizes="32x32" />
15
+
16
+    <!-- Bootstrap core CSS -->
17
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
18
+
19
+    <!-- Custom styles for this template -->
20
+    <link href="css/modern-business.css" rel="stylesheet">
21
+
22
+    <!-- Temporary navbar container fix -->
23
+    <style>
24
+    .navbar-toggler {
25
+        z-index: 1;
26
+    }
27
+    
28
+    @media (max-width: 576px) {
29
+        nav > .container {
30
+            width: 100%;
31
+        }
32
+    }
33
+
34
+    @font-face { font-family: modenine; src: url('fonts/modenine.ttf'); }
35
+
36
+    </style>
37
+
38
+</head>
39
+
40
+<body>
41
+
42
+    <!-- Navigation -->
43
+    <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">
44
+        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
45
+            <span class="navbar-toggler-icon"></span>
46
+        </button>
47
+        <div class="container">
48
+            <a class="navbar-brand" href="accueil.html"><img src="assets/logo/logo-menu.png" alt="pard0x logo" style="max-width: 1.5em;"></a>
49
+            <div class="collapse navbar-collapse" id="navbarExample">
50
+                <ul class="navbar-nav ml-auto">
51
+                    <li class="nav-item">
52
+                        <a class="nav-link" href="accueil.html">Accueil</a>
53
+                    </li>
54
+                    <li class="nav-item">
55
+                        <a class="nav-link" href="apropos.html">À propos</a>
56
+                    </li>
57
+                    <li class="nav-item">
58
+                        <a class="nav-link" href="prestations.html">Services</a>
59
+                    </li>
60
+                    <li class="nav-item">
61
+                        <a class="nav-link" href="portfolio_fr.html">Portfolio</a>
62
+                    </li>
63
+                    <li class="nav-item">
64
+                        <a class="nav-link" href="temoignage.html">Témoignages</a>
65
+                    </li>
66
+                    <li class="nav-item">
67
+                        <a class="nav-link" href="contact_fr.html">Contact</a>
68
+                    </li>
69
+                    <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
70
+                    </li>
71
+                    <li class="nav-item">
72
+                        <a href="about.html"><img src="assets/img/en_flag.png" alt="English language" style="max-width: 1.5em; margin-top: 10px"></a>
73
+                        <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français" style="max-width: 1.5em; margin-top: 10px; margin-left:10px"></a>
74
+                    </li>
75
+                </ul>
76
+            </div>
77
+        </div>
78
+    </nav>
79
+
80
+
81
+
82
+    <!-- Page Content -->
83
+    <div class="container">
84
+
85
+        <!-- Page Heading/Breadcrumbs -->
86
+        <h1 class="mt-4 mb-3">À propos</h1>
87
+
88
+        <ol class="breadcrumb">
89
+            <li class="breadcrumb-item">
90
+                <a href="accueil.html">Accueil</a>
91
+            </li>
92
+            <li class="breadcrumb-item active">À Propos</li>
93
+        </ol>
94
+
95
+        <!-- Intro Content -->
96
+        <div class="row" style="margin: 0 auto; width=100%">
97
+                <img class="img-fluid rounded mb-4" src="assets/logo/logo2.png" alt="pard0x logo" style="margin: 0 auto;">
98
+        </div>
99
+        <div class="row" style="width=100%">
100
+            <div class="col-lg-6" style="margin: 0 auto; width=100%">
101
+		<p><span style="font-family: modenine; font-size: 1em">pard0x </span> est l'association de deux freelancers qui ont décidé d'unir leurs compétences, et travailler ensemble en respect avec leurs convictions et principes. Autoditactes par nature, notre savoir complémentaire nous permet de fournir un travail sérieux et des solutions de qualité, dans ce monde hyper-connecté où efficacité et sécurité comptent réellement.
102
+        </p>
103
+            </div>
104
+        </div>
105
+        <!-- /.row -->
106
+
107
+        <!-- Team Members -->
108
+         
109
+        <hr>
110
+        <h2 style="text-align: center;">Qui nous sommes</h2>
111
+        <br>
112
+        <div class="row">
113
+            <div class="col-lg-5 mb-5" style="margin: 0 auto;">
114
+                <div class="card h-100 text-center">
115
+                    <img class="card-img-top img-fluid" style="max-width: 50%; margin:0px auto; display: block; margin-top: 1.5em;" src="assets/img/incognito3.jpg" alt="Incognito silhouette">
116
+                    <div class="card-block">
117
+                        <h4 class="card-title">William Drew</h4>
118
+                        <h6 class="card-subtitle mb-2 text-muted">Penseur hors-de-la-boîte</h6>
119
+
120
+                        <p class="card-text">J'ai eu un doctorat concernant l'optimisation dans le cloud computing, j'ai ensuite décidé que la recherche n'était pas faite pour moi (ou inversément).</p>
121
+                        <p>J'aime bien avoir les mains dans le cambouis, et je finis toujours par trouver une solution quand je suis face à un problème. Mon CV est disponible <a href="#">ici</a>.</p>
122
+                    </div>
123
+                    <div class="card-footer">
124
+                        <a href="mailto:w@pard0x.com"><span style="font-family: modenine; font-size: 1em" >w@pard0x.com</span></a>
125
+                    </div>
126
+                </div>
127
+            </div>
128
+            <div class="col-lg-5 mb-5" style="margin: 0 auto;">
129
+                <div class="card h-100 text-center">
130
+                    <img class="card-img-top img-fluid" style="max-width: 50%; margin:0px auto; display: block; margin-top: 1.5em;" src="assets/img/incognito3.jpg" alt="Incognito silhouette"/>
131
+
132
+                    <div class="card-block">
133
+                        <h4 class="card-title">Gaëtan Hurel</h4>
134
+                        <h6 class="card-subtitle mb-2 text-muted">Free(lancer)?</h6>
135
+                        <p  class="card-text">J'aime ce jeu autant que je voudrais le stopper.</p>
136
+                        <p>Je connais les systèmes mobiles, les protocoles réseau, les technologies clouds, les opérations d'administration, et l'art de la sécurité informatique. Mon CV est disponible <a target="_blank" href="assets/resume/pard0x_ghurel_resume.pdf">ici</a>.</p>
137
+                    </div>
138
+                    <div class="card-footer">
139
+                    <a href="mailto:g@pard0x.com"><span style="font-family: modenine; font-size: 1em" >g@pard0x.com</span></a>
140
+                </div>
141
+
142
+                </div>
143
+            </div>
144
+        </div>
145
+        <!-- /.row -->
146
+
147
+    </div>
148
+    <!-- /.container -->
149
+
150
+    <!-- Footer -->
151
+    <footer class="py-3 bg-inverse">
152
+        <div class="container">
153
+            <p class="m-0 text-center text-white">Copyright &copy; <span style="font-family: modenine; font-size: 1em" >pard0x</span> website 2017-2018</p>
154
+            <p class="m-0 text-center text-white"><a href="sitemap.xml">sitemap</a></p>
155
+        </div>
156
+        <!-- /.container -->
157
+    </footer>
158
+
159
+
160
+    <!-- Bootstrap core JavaScript -->
161
+    <script src="vendor/jquery/jquery.min.js"></script>
162
+    <script src="vendor/tether/tether.min.js"></script>
163
+    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
164
+
165
+</body>
166
+
167
+</html>

+ 0
- 1
assets/3_circles_pics/3_circles_pard0x
File diff suppressed because it is too large
View File


+ 0
- 11
assets/3_circles_pics/3_circles_pard0x.html
File diff suppressed because it is too large
View File


+ 0
- 359
assets/img/3_icons.svg View File

@@ -1,359 +0,0 @@
1
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
-<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
-
4
-<svg
5
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
6
-   xmlns:cc="http://creativecommons.org/ns#"
7
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8
-   xmlns:svg="http://www.w3.org/2000/svg"
9
-   xmlns="http://www.w3.org/2000/svg"
10
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12
-   version="1.1"
13
-   id="Capa_1"
14
-   x="0px"
15
-   y="0px"
16
-   viewBox="0 0 59 59"
17
-   style="enable-background:new 0 0 59 59;"
18
-   xml:space="preserve"
19
-   sodipodi:docname="3_icons.svg"
20
-   inkscape:version="0.92.1 r15371"><metadata
21
-     id="metadata7927"><rdf:RDF><cc:Work
22
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
23
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
24
-     id="defs7925" /><sodipodi:namedview
25
-     pagecolor="#ffffff"
26
-     bordercolor="#666666"
27
-     borderopacity="1"
28
-     objecttolerance="10"
29
-     gridtolerance="10"
30
-     guidetolerance="10"
31
-     inkscape:pageopacity="0"
32
-     inkscape:pageshadow="2"
33
-     inkscape:window-width="1920"
34
-     inkscape:window-height="990"
35
-     id="namedview7923"
36
-     showgrid="false"
37
-     inkscape:zoom="27.525424"
38
-     inkscape:cx="24.213779"
39
-     inkscape:cy="30.639312"
40
-     inkscape:window-x="0"
41
-     inkscape:window-y="27"
42
-     inkscape:window-maximized="1"
43
-     inkscape:current-layer="Capa_1" /><g
44
-     id="g7890"
45
-     transform="matrix(0.0820421,0,0,0.09397103,13.950739,31.607143)"><g
46
-       id="g7878"><path
47
-         style="fill:#556080"
48
-         d="M 54.392,19 H 3.608 C 1.616,19 0,17.384 0,15.392 V 3.608 C 0,1.616 1.616,0 3.608,0 H 54.391 C 56.384,0 58,1.616 58,3.608 V 15.391 C 58,17.384 56.384,19 54.392,19 Z"
49
-         id="path7806"
50
-         inkscape:connector-curvature="0" /><path
51
-         style="fill:#38454f"
52
-         d="M 54.392,38 H 3.608 C 1.616,38 0,36.384 0,34.392 V 22.608 C 0,20.616 1.616,19 3.608,19 H 54.391 C 56.384,19 58,20.616 58,22.608 V 34.391 C 58,36.384 56.384,38 54.392,38 Z"
53
-         id="path7808"
54
-         inkscape:connector-curvature="0" /><path
55
-         style="fill:#556080"
56
-         d="M 54.392,57 H 3.608 C 1.616,57 0,55.384 0,53.392 V 41.608 C 0,39.616 1.616,38 3.608,38 H 54.391 C 56.384,38 58,39.616 58,41.608 V 53.391 C 58,55.384 56.384,57 54.392,57 Z"
57
-         id="path7810"
58
-         inkscape:connector-curvature="0" /><circle
59
-         style="fill:#8697cb"
60
-         cx="9.5"
61
-         cy="9.5"
62
-         r="3.5"
63
-         id="circle7812" /><circle
64
-         style="fill:#8697cb"
65
-         cx="49"
66
-         cy="8"
67
-         r="1"
68
-         id="circle7814" /><circle
69
-         style="fill:#8697cb"
70
-         cx="45"
71
-         cy="8"
72
-         r="1"
73
-         id="circle7816" /><circle
74
-         style="fill:#8697cb"
75
-         cx="51"
76
-         cy="11"
77
-         r="1"
78
-         id="circle7818" /><circle
79
-         style="fill:#8697cb"
80
-         cx="47"
81
-         cy="11"
82
-         r="1"
83
-         id="circle7820" /><circle
84
-         style="fill:#8697cb"
85
-         cx="41"
86
-         cy="8"
87
-         r="1"
88
-         id="circle7822" /><circle
89
-         style="fill:#8697cb"
90
-         cx="43"
91
-         cy="11"
92
-         r="1"
93
-         id="circle7824" /><circle
94
-         style="fill:#8697cb"
95
-         cx="37"
96
-         cy="8"
97
-         r="1"
98
-         id="circle7826" /><circle
99
-         style="fill:#8697cb"
100
-         cx="39"
101
-         cy="11"
102
-         r="1"
103
-         id="circle7828" /><circle
104
-         style="fill:#8697cb"
105
-         cx="33"
106
-         cy="8"
107
-         r="1"
108
-         id="circle7830" /><circle
109
-         style="fill:#8697cb"
110
-         cx="35"
111
-         cy="11"
112
-         r="1"
113
-         id="circle7832" /><circle
114
-         style="fill:#8697cb"
115
-         cx="9.5"
116
-         cy="28.5"
117
-         r="3.5"
118
-         id="circle7834" /><circle
119
-         style="fill:#8697cb"
120
-         cx="49"
121
-         cy="27"
122
-         r="1"
123
-         id="circle7836" /><circle
124
-         style="fill:#8697cb"
125
-         cx="45"
126
-         cy="27"
127
-         r="1"
128
-         id="circle7838" /><circle
129
-         style="fill:#8697cb"
130
-         cx="51"
131
-         cy="30"
132
-         r="1"
133
-         id="circle7840" /><circle
134
-         style="fill:#8697cb"
135
-         cx="47"
136
-         cy="30"
137
-         r="1"
138
-         id="circle7842" /><circle
139
-         style="fill:#8697cb"
140
-         cx="41"
141
-         cy="27"
142
-         r="1"
143
-         id="circle7844" /><circle
144
-         style="fill:#8697cb"
145
-         cx="43"
146
-         cy="30"
147
-         r="1"
148
-         id="circle7846" /><circle
149
-         style="fill:#8697cb"
150
-         cx="37"
151
-         cy="27"
152
-         r="1"
153
-         id="circle7848" /><circle
154
-         style="fill:#8697cb"
155
-         cx="39"
156
-         cy="30"
157
-         r="1"
158
-         id="circle7850" /><circle
159
-         style="fill:#8697cb"
160
-         cx="33"
161
-         cy="27"
162
-         r="1"
163
-         id="circle7852" /><circle
164
-         style="fill:#8697cb"
165
-         cx="35"
166
-         cy="30"
167
-         r="1"
168
-         id="circle7854" /><circle
169
-         style="fill:#8697cb"
170
-         cx="9.5"
171
-         cy="47.5"
172
-         r="3.5"
173
-         id="circle7856" /><circle
174
-         style="fill:#8697cb"
175
-         cx="49"
176
-         cy="46"
177
-         r="1"
178
-         id="circle7858" /><circle
179
-         style="fill:#8697cb"
180
-         cx="45"
181
-         cy="46"
182
-         r="1"
183
-         id="circle7860" /><circle
184
-         style="fill:#8697cb"
185
-         cx="51"
186
-         cy="49"
187
-         r="1"
188
-         id="circle7862" /><circle
189
-         style="fill:#8697cb"
190
-         cx="47"
191
-         cy="49"
192
-         r="1"
193
-         id="circle7864" /><circle
194
-         style="fill:#8697cb"
195
-         cx="41"
196
-         cy="46"
197
-         r="1"
198
-         id="circle7866" /><circle
199
-         style="fill:#8697cb"
200
-         cx="43"
201
-         cy="49"
202
-         r="1"
203
-         id="circle7868" /><circle
204
-         style="fill:#8697cb"
205
-         cx="37"
206
-         cy="46"
207
-         r="1"
208
-         id="circle7870" /><circle
209
-         style="fill:#8697cb"
210
-         cx="39"
211
-         cy="49"
212
-         r="1"
213
-         id="circle7872" /><circle
214
-         style="fill:#8697cb"
215
-         cx="33"
216
-         cy="46"
217
-         r="1"
218
-         id="circle7874" /><circle
219
-         style="fill:#8697cb"
220
-         cx="35"
221
-         cy="49"
222
-         r="1"
223
-         id="circle7876" /></g><g
224
-       id="g7888"><path
225
-         style="fill:#bdc3c7"
226
-         d="m 59,45.846 -1.444,-0.278 c -2.143,-0.412 -3.125,-2.916 -1.835,-4.675 l 0.907,-1.236 -1.958,-1.958 -1.217,0.825 c -1.806,1.224 -4.272,0.148 -4.604,-2.008 L 48.615,35 h -2.769 l -0.359,1.865 c -0.403,2.096 -2.818,3.096 -4.585,1.899 l -1.572,-1.065 -1.958,1.958 0.907,1.236 c 1.29,1.76 0.308,4.263 -1.835,4.675 L 35,45.846 v 2.769 l 1.515,0.233 c 2.157,0.332 3.232,2.797 2.008,4.604 l -0.825,1.217 1.958,1.958 1.236,-0.907 c 1.76,-1.29 4.263,-0.308 4.675,1.835 L 45.846,59 h 2.769 l 0.164,-1.066 c 0.339,-2.204 2.896,-3.263 4.694,-1.944 l 0.869,0.638 1.958,-1.958 -0.825,-1.217 c -1.224,-1.806 -0.148,-4.272 2.008,-4.604 L 59,48.615 Z"
227
-         id="path7880"
228
-         inkscape:connector-curvature="0" /><g
229
-         id="g7886"><circle
230
-           style="fill:#ffffff"
231
-           cx="47"
232
-           cy="47"
233
-           r="4"
234
-           id="circle7882" /><path
235
-           style="fill:#ecf0f1"
236
-           d="m 47,52 c -2.757,0 -5,-2.243 -5,-5 0,-2.757 2.243,-5 5,-5 2.757,0 5,2.243 5,5 0,2.757 -2.243,5 -5,5 z m 0,-8 c -1.654,0 -3,1.346 -3,3 0,1.654 1.346,3 3,3 1.654,0 3,-1.346 3,-3 0,-1.654 -1.346,-3 -3,-3 z"
237
-           id="path7884"
238
-           inkscape:connector-curvature="0" /></g></g></g><g
239
-     id="g7892" /><g
240
-     id="g7894" /><g
241
-     id="g7896" /><g
242
-     id="g7898" /><g
243
-     id="g7900" /><g
244
-     id="g7902" /><g
245
-     id="g7904" /><g
246
-     id="g7906" /><g
247
-     id="g7908" /><g
248
-     id="g7910" /><g
249
-     id="g7912" /><g
250
-     id="g7914" /><g
251
-     id="g7916" /><g
252
-     id="g7918" /><g
253
-     id="g7920" /><g
254
-     transform="matrix(0.09239044,0,0,0.10398143,20.245957,24.127475)"
255
-     id="g8020"><g
256
-       id="g8008"><g
257
-         id="g7994"><path
258
-           inkscape:connector-curvature="0"
259
-           style="fill:#91bae1"
260
-           d="M 50.003,21.5 C 49.888,12.801 42.81,5.5 34.084,5.5 28.525,5.5 23.305,8.505 20.423,12.836 19.157,11.993 17.636,11.5 16,11.5 c -4.418,0 -8,3.582 -8,8 0,0.153 0.014,0.302 0.023,0.454 C 8.013,20.136 8,20.32 8,20.5 4.012,22.412 1,26.957 1,31.655 1,38.17 6.33,43.5 12.845,43.5 h 24.507 c 0.138,0 0.272,-0.016 0.408,-0.021 0.137,0.005 0.271,0.021 0.408,0.021 h 9.803 C 54.037,43.5 59,38.537 59,32.472 59,27.101 55.106,22.461 50.003,21.5 Z"
261
-           id="path7990" /><path
262
-           inkscape:connector-curvature="0"
263
-           style="fill:#8697cb"
264
-           d="m 47.972,44.5 h -9.803 c -0.104,0 -0.207,-0.006 -0.311,-0.014 l -0.134,-0.008 -0.062,0.008 C 37.558,44.494 37.456,44.5 37.351,44.5 H 12.845 C 5.762,44.5 0,38.737 0,31.654 0,26.899 2.857,22.149 7.016,19.881 V 19.877 C 7.008,19.752 7,19.627 7,19.5 c 0,-4.963 4.037,-9 9,-9 1.45,0 2.863,0.347 4.139,1.008 C 23.396,7.163 28.655,4.5 34.085,4.5 43.028,4.5 50.447,11.694 50.976,20.694 56.173,22.06 60,26.983 60,32.472 60,39.104 54.604,44.5 47.972,44.5 Z m -10.247,-2.02 0.271,0.011 c 0.058,0.004 0.115,0.009 0.174,0.009 h 9.803 C 53.501,42.5 58,38.001 58,32.472 58,27.656 54.482,23.362 49.818,22.483 L 49.014,22.332 49.003,21.515 C 48.895,13.235 42.202,6.5 34.085,6.5 29.077,6.5 24.042,9.204 21.256,13.39 L 20.702,14.222 19.87,13.669 C 18.721,12.904 17.382,12.5 16,12.5 c -3.859,0 -7,3.141 -7,7 0,0.082 0.006,0.163 0.012,0.244 l 0.012,0.21 -0.009,0.16 C 9.008,20.244 9,20.373 9,20.5 v 0.63 L 8.433,21.401 C 4.705,23.188 2,27.5 2,31.654 2,37.635 6.865,42.5 12.845,42.5 h 24.508 c 0.059,0 0.116,-0.005 0.174,-0.009 z"
265
-           id="path7992" /></g><g
266
-         id="g8000"><path
267
-           inkscape:connector-curvature="0"
268
-           style="fill:#91bae1"
269
-           d="m 50.003,21.5 c 0,0 -2.535,-0.375 -5.003,0"
270
-           id="path7996" /><path
271
-           inkscape:connector-curvature="0"
272
-           style="fill:#8697cb"
273
-           d="m 44.999,22.5 c -0.486,0 -0.912,-0.354 -0.987,-0.85 -0.083,-0.546 0.292,-1.056 0.838,-1.139 2.592,-0.394 5.19,-0.018 5.3,-10e-4 0.546,0.081 0.923,0.589 0.843,1.135 -0.08,0.547 -0.594,0.916 -1.135,0.844 C 49.833,22.486 47.434,22.143 45.151,22.488 45.1,22.496 45.049,22.5 44.999,22.5 Z"
274
-           id="path7998" /></g><g
275
-         id="g8006"><path
276
-           inkscape:connector-curvature="0"
277
-           style="fill:#91bae1"
278
-           d="m 8,19.5 c 0,-4.418 3.582,-8 8,-8 4.418,0 8,3.582 8,8"
279
-           id="path8002" /><path
280
-           inkscape:connector-curvature="0"
281
-           style="fill:#8697cb"
282
-           d="m 24,20.5 c -0.553,0 -1,-0.447 -1,-1 0,-3.859 -3.141,-7 -7,-7 -3.859,0 -7,3.141 -7,7 0,0.553 -0.447,1 -1,1 -0.553,0 -1,-0.447 -1,-1 0,-4.963 4.037,-9 9,-9 4.963,0 9,4.037 9,9 0,0.553 -0.447,1 -1,1 z"
283
-           id="path8004" /></g></g><g
284
-       id="g8018"><path
285
-         inkscape:connector-curvature="0"
286
-         style="fill:#556080"
287
-         d="m 43,42.346 -1.444,-0.278 c -2.143,-0.412 -3.125,-2.916 -1.835,-4.675 l 0.907,-1.236 -1.958,-1.958 -1.217,0.825 c -1.806,1.224 -4.272,0.148 -4.604,-2.008 L 32.615,31.5 h -2.769 l -0.359,1.865 c -0.403,2.096 -2.818,3.096 -4.585,1.899 l -1.572,-1.065 -1.958,1.958 0.907,1.236 c 1.29,1.76 0.308,4.263 -1.835,4.675 L 19,42.346 v 2.769 l 1.515,0.233 c 2.157,0.332 3.232,2.797 2.008,4.604 l -0.825,1.217 1.958,1.958 1.236,-0.907 c 1.76,-1.29 4.263,-0.308 4.675,1.835 l 0.278,1.444 h 2.769 l 0.164,-1.066 c 0.339,-2.204 2.896,-3.263 4.694,-1.944 l 0.869,0.638 1.958,-1.958 -0.825,-1.217 C 38.25,48.146 39.326,45.68 41.482,45.348 L 43,45.115 Z"
288
-         id="path8010" /><g
289
-         id="g8016"><circle
290
-           style="fill:#ffffff"
291
-           cx="31"
292
-           cy="43.5"
293
-           r="4"
294
-           id="circle8012" /><path
295
-           inkscape:connector-curvature="0"
296
-           style="fill:#ecf0f1"
297
-           d="m 31,48.5 c -2.757,0 -5,-2.243 -5,-5 0,-2.757 2.243,-5 5,-5 2.757,0 5,2.243 5,5 0,2.757 -2.243,5 -5,5 z m 0,-8 c -1.654,0 -3,1.346 -3,3 0,1.654 1.346,3 3,3 1.654,0 3,-1.346 3,-3 0,-1.654 -1.346,-3 -3,-3 z"
298
-           id="path8014" /></g></g></g><g
299
-     transform="matrix(0.09530026,0,0,0.0933806,27.376421,31.644682)"
300
-     id="g7951"><g
301
-       id="g7939"><path
302
-         inkscape:connector-curvature="0"
303
-         style="fill:#545e73"
304
-         d="M 35.39,58 H 10.201 C 8.32,58 6.796,56.475 6.796,54.595 V 3.405 C 6.796,1.525 8.321,0 10.201,0 H 35.39 c 1.881,0 3.405,1.525 3.405,3.405 V 54.594 C 38.796,56.475 37.271,58 35.39,58 Z"
305
-         id="path7929" /><rect
306
-         x="6.796"
307
-         y="6"
308
-         style="fill:#8697cb"
309
-         width="32"
310
-         height="40"
311
-         id="rect7931" /><circle
312
-         style="fill:#323a45"
313
-         cx="22.796"
314
-         cy="52"
315
-         r="3"
316
-         id="circle7933" /><path
317
-         inkscape:connector-curvature="0"
318
-         style="fill:#323a45"
319
-         d="m 22.796,4 h -4 c -0.553,0 -1,-0.447 -1,-1 0,-0.553 0.447,-1 1,-1 h 4 c 0.553,0 1,0.447 1,1 0,0.553 -0.447,1 -1,1 z"
320
-         id="path7935" /><path
321
-         inkscape:connector-curvature="0"
322
-         style="fill:#323a45"
323
-         d="m 26.796,4 h -1 c -0.553,0 -1,-0.447 -1,-1 0,-0.553 0.447,-1 1,-1 h 1 c 0.553,0 1,0.447 1,1 0,0.553 -0.447,1 -1,1 z"
324
-         id="path7937" /></g><g
325
-       id="g7949"><path
326
-         inkscape:connector-curvature="0"
327
-         style="fill:#bdc3c7"
328
-         d="M 52.186,45.828 50.742,45.55 c -2.143,-0.412 -3.125,-2.916 -1.835,-4.675 l 0.907,-1.236 -1.958,-1.958 -1.217,0.825 c -1.806,1.224 -4.272,0.148 -4.604,-2.008 l -0.233,-1.515 h -2.769 l -0.359,1.865 c -0.403,2.096 -2.818,3.096 -4.585,1.899 l -1.572,-1.065 -1.958,1.958 0.907,1.236 c 1.29,1.76 0.308,4.263 -1.835,4.675 l -1.444,0.278 v 2.769 l 1.515,0.233 c 2.157,0.332 3.232,2.797 2.008,4.604 l -0.825,1.217 1.958,1.958 1.236,-0.907 c 1.76,-1.29 4.263,-0.308 4.675,1.835 l 0.278,1.444 h 2.769 l 0.164,-1.066 c 0.339,-2.204 2.896,-3.263 4.694,-1.944 l 0.869,0.638 1.958,-1.958 -0.825,-1.217 c -1.224,-1.806 -0.148,-4.272 2.008,-4.604 l 1.515,-0.233 v -2.77 z"
329
-         id="path7941" /><g
330
-         id="g7947"><circle
331
-           style="fill:#ffffff"
332
-           cx="40.186001"
333
-           cy="46.980999"
334
-           r="4"
335
-           id="circle7943" /><path
336
-           inkscape:connector-curvature="0"
337
-           style="fill:#ecf0f1"
338
-           d="m 40.186,51.981 c -2.757,0 -5,-2.243 -5,-5 0,-2.757 2.243,-5 5,-5 2.757,0 5,2.243 5,5 0,2.757 -2.244,5 -5,5 z m 0,-8 c -1.654,0 -3,1.346 -3,3 0,1.654 1.346,3 3,3 1.654,0 3,-1.346 3,-3 0,-1.654 -1.346,-3 -3,-3 z"
339
-           id="path7945" /></g></g></g><path
340
-     style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
341
-     d="M 18.964286,31.280172 20.599138,29.5"
342
-     id="path9253"
343
-     inkscape:connector-type="polyline"
344
-     inkscape:connector-curvature="0" /><path
345
-     style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
346
-     d="m 26.048645,28.991379 1.707513,1.852833"
347
-     id="path9255"
348
-     inkscape:connector-type="polyline"
349
-     inkscape:connector-curvature="0" /><path
350
-     style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
351
-     d="m 19.945197,36.875 6.103448,-0.10899"
352
-     id="path9257"
353
-     inkscape:connector-type="polyline"
354
-     inkscape:connector-curvature="0" /><path
355
-     style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
356
-     d="m 26.048645,36.76601 v 0"
357
-     id="path9259"
358
-     inkscape:connector-type="polyline"
359
-     inkscape:connector-curvature="0" /></svg>

+ 0
- 79
assets/img/cloud-computing.svg View File

@@ -1,79 +0,0 @@
1
-<?xml version="1.0" encoding="iso-8859-1"?>
2
-<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
-	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
6
-<g>
7
-	<g>
8
-		<g>
9
-			<path style="fill:#91BAE1;" d="M50.003,21.5c-0.115-8.699-7.193-16-15.919-16c-5.559,0-10.779,3.005-13.661,7.336
10
-				C19.157,11.993,17.636,11.5,16,11.5c-4.418,0-8,3.582-8,8c0,0.153,0.014,0.302,0.023,0.454C8.013,20.136,8,20.32,8,20.5
11
-				c-3.988,1.912-7,6.457-7,11.155C1,38.17,6.33,43.5,12.845,43.5h24.507c0.138,0,0.272-0.016,0.408-0.021
12
-				c0.137,0.005,0.271,0.021,0.408,0.021h9.803C54.037,43.5,59,38.537,59,32.472C59,27.101,55.106,22.461,50.003,21.5z"/>
13
-			<path style="fill:#8697CB;" d="M47.972,44.5h-9.803c-0.104,0-0.207-0.006-0.311-0.014l-0.134-0.008l-0.062,0.008
14
-				c-0.104,0.008-0.206,0.014-0.311,0.014H12.845C5.762,44.5,0,38.737,0,31.654c0-4.755,2.857-9.505,7.016-11.773v-0.004
15
-				C7.008,19.752,7,19.627,7,19.5c0-4.963,4.037-9,9-9c1.45,0,2.863,0.347,4.139,1.008C23.396,7.163,28.655,4.5,34.085,4.5
16
-				c8.943,0,16.362,7.194,16.891,16.194C56.173,22.06,60,26.983,60,32.472C60,39.104,54.604,44.5,47.972,44.5z M37.725,42.48
17
-				l0.271,0.011c0.058,0.004,0.115,0.009,0.174,0.009h9.803C53.501,42.5,58,38.001,58,32.472c0-4.816-3.518-9.11-8.182-9.989
18
-				l-0.804-0.151l-0.011-0.817C48.895,13.235,42.202,6.5,34.085,6.5c-5.008,0-10.043,2.704-12.829,6.89l-0.554,0.832l-0.832-0.553
19
-				C18.721,12.904,17.382,12.5,16,12.5c-3.859,0-7,3.141-7,7c0,0.082,0.006,0.163,0.012,0.244l0.012,0.21l-0.009,0.16
20
-				C9.008,20.244,9,20.373,9,20.5v0.63l-0.567,0.271C4.705,23.188,2,27.5,2,31.654C2,37.635,6.865,42.5,12.845,42.5h24.508
21
-				c0.059,0,0.116-0.005,0.174-0.009L37.725,42.48z"/>
22
-		</g>
23
-		<g>
24
-			<path style="fill:#91BAE1;" d="M50.003,21.5c0,0-2.535-0.375-5.003,0"/>
25
-			<path style="fill:#8697CB;" d="M44.999,22.5c-0.486,0-0.912-0.354-0.987-0.85c-0.083-0.546,0.292-1.056,0.838-1.139
26
-				c2.592-0.394,5.19-0.018,5.3-0.001c0.546,0.081,0.923,0.589,0.843,1.135c-0.08,0.547-0.594,0.916-1.135,0.844
27
-				c-0.025-0.003-2.424-0.346-4.707-0.001C45.1,22.496,45.049,22.5,44.999,22.5z"/>
28
-		</g>
29
-		<g>
30
-			<path style="fill:#91BAE1;" d="M8,19.5c0-4.418,3.582-8,8-8s8,3.582,8,8"/>
31
-			<path style="fill:#8697CB;" d="M24,20.5c-0.553,0-1-0.447-1-1c0-3.859-3.141-7-7-7s-7,3.141-7,7c0,0.553-0.447,1-1,1
32
-				s-1-0.447-1-1c0-4.963,4.037-9,9-9s9,4.037,9,9C25,20.053,24.553,20.5,24,20.5z"/>
33
-		</g>
34
-	</g>
35
-	<g>
36
-		<path style="fill:#556080;" d="M43,42.346l-1.444-0.278c-2.143-0.412-3.125-2.916-1.835-4.675l0.907-1.236l-1.958-1.958
37
-			l-1.217,0.825c-1.806,1.224-4.272,0.148-4.604-2.008L32.615,31.5h-2.769l-0.359,1.865c-0.403,2.096-2.818,3.096-4.585,1.899
38
-			l-1.572-1.065l-1.958,1.958l0.907,1.236c1.29,1.76,0.308,4.263-1.835,4.675L19,42.346v2.769l1.515,0.233
39
-			c2.157,0.332,3.232,2.797,2.008,4.604l-0.825,1.217l1.958,1.958l1.236-0.907c1.76-1.29,4.263-0.308,4.675,1.835l0.278,1.444h2.769
40
-			l0.164-1.066c0.339-2.204,2.896-3.263,4.694-1.944l0.869,0.638l1.958-1.958l-0.825-1.217c-1.224-1.806-0.148-4.272,2.008-4.604
41
-			L43,45.115V42.346z"/>
42
-		<g>
43
-			<circle style="fill:#FFFFFF;" cx="31" cy="43.5" r="4"/>
44
-			<path style="fill:#ECF0F1;" d="M31,48.5c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S33.757,48.5,31,48.5z M31,40.5
45
-				c-1.654,0-3,1.346-3,3s1.346,3,3,3s3-1.346,3-3S32.654,40.5,31,40.5z"/>
46
-		</g>
47
-	</g>
48
-</g>
49
-<g>
50
-</g>
51
-<g>
52
-</g>
53
-<g>
54
-</g>
55
-<g>
56
-</g>
57
-<g>
58
-</g>
59
-<g>
60
-</g>
61
-<g>
62
-</g>
63
-<g>
64
-</g>
65
-<g>
66
-</g>
67
-<g>
68
-</g>
69
-<g>
70
-</g>
71
-<g>
72
-</g>
73
-<g>
74
-</g>
75
-<g>
76
-</g>
77
-<g>
78
-</g>
79
-</svg>

BIN
assets/img/en_flag.png View File


BIN
assets/img/fr_flag.png View File


+ 0
- 1
assets/img/if_globe_318579.svg
File diff suppressed because it is too large
View File


+ 0
- 1
assets/img/if_group_318580.svg
File diff suppressed because it is too large
View File


+ 0
- 1
assets/img/if_phone_318576.svg
File diff suppressed because it is too large
View File


+ 0
- 92
assets/img/server.svg View File

@@ -1,92 +0,0 @@
1
-<?xml version="1.0" encoding="iso-8859-1"?>
2
-<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
-	 viewBox="0 0 59 59" style="enable-background:new 0 0 59 59;" xml:space="preserve">
6
-<g>
7
-	<g>
8
-		<path style="fill:#556080;" d="M54.392,19H3.608C1.616,19,0,17.384,0,15.392V3.608C0,1.616,1.616,0,3.608,0h50.783
9
-			C56.384,0,58,1.616,58,3.608v11.783C58,17.384,56.384,19,54.392,19z"/>
10
-		<path style="fill:#38454F;" d="M54.392,38H3.608C1.616,38,0,36.384,0,34.392V22.608C0,20.616,1.616,19,3.608,19h50.783
11
-			C56.384,19,58,20.616,58,22.608v11.783C58,36.384,56.384,38,54.392,38z"/>
12
-		<path style="fill:#556080;" d="M54.392,57H3.608C1.616,57,0,55.384,0,53.392V41.608C0,39.616,1.616,38,3.608,38h50.783
13
-			C56.384,38,58,39.616,58,41.608v11.783C58,55.384,56.384,57,54.392,57z"/>
14
-		<circle style="fill:#8697CB;" cx="9.5" cy="9.5" r="3.5"/>
15
-		<circle style="fill:#8697CB;" cx="49" cy="8" r="1"/>
16
-		<circle style="fill:#8697CB;" cx="45" cy="8" r="1"/>
17
-		<circle style="fill:#8697CB;" cx="51" cy="11" r="1"/>
18
-		<circle style="fill:#8697CB;" cx="47" cy="11" r="1"/>
19
-		<circle style="fill:#8697CB;" cx="41" cy="8" r="1"/>
20
-		<circle style="fill:#8697CB;" cx="43" cy="11" r="1"/>
21
-		<circle style="fill:#8697CB;" cx="37" cy="8" r="1"/>
22
-		<circle style="fill:#8697CB;" cx="39" cy="11" r="1"/>
23
-		<circle style="fill:#8697CB;" cx="33" cy="8" r="1"/>
24
-		<circle style="fill:#8697CB;" cx="35" cy="11" r="1"/>
25
-		<circle style="fill:#8697CB;" cx="9.5" cy="28.5" r="3.5"/>
26
-		<circle style="fill:#8697CB;" cx="49" cy="27" r="1"/>
27
-		<circle style="fill:#8697CB;" cx="45" cy="27" r="1"/>
28
-		<circle style="fill:#8697CB;" cx="51" cy="30" r="1"/>
29
-		<circle style="fill:#8697CB;" cx="47" cy="30" r="1"/>
30
-		<circle style="fill:#8697CB;" cx="41" cy="27" r="1"/>
31
-		<circle style="fill:#8697CB;" cx="43" cy="30" r="1"/>
32
-		<circle style="fill:#8697CB;" cx="37" cy="27" r="1"/>
33
-		<circle style="fill:#8697CB;" cx="39" cy="30" r="1"/>
34
-		<circle style="fill:#8697CB;" cx="33" cy="27" r="1"/>
35
-		<circle style="fill:#8697CB;" cx="35" cy="30" r="1"/>
36
-		<circle style="fill:#8697CB;" cx="9.5" cy="47.5" r="3.5"/>
37
-		<circle style="fill:#8697CB;" cx="49" cy="46" r="1"/>
38
-		<circle style="fill:#8697CB;" cx="45" cy="46" r="1"/>
39
-		<circle style="fill:#8697CB;" cx="51" cy="49" r="1"/>
40
-		<circle style="fill:#8697CB;" cx="47" cy="49" r="1"/>
41
-		<circle style="fill:#8697CB;" cx="41" cy="46" r="1"/>
42
-		<circle style="fill:#8697CB;" cx="43" cy="49" r="1"/>
43
-		<circle style="fill:#8697CB;" cx="37" cy="46" r="1"/>
44
-		<circle style="fill:#8697CB;" cx="39" cy="49" r="1"/>
45
-		<circle style="fill:#8697CB;" cx="33" cy="46" r="1"/>
46
-		<circle style="fill:#8697CB;" cx="35" cy="49" r="1"/>
47
-	</g>
48
-	<g>
49
-		<path style="fill:#BDC3C7;" d="M59,45.846l-1.444-0.278c-2.143-0.412-3.125-2.916-1.835-4.675l0.907-1.236l-1.958-1.958
50
-			l-1.217,0.825c-1.806,1.224-4.272,0.148-4.604-2.008L48.615,35h-2.769l-0.359,1.865c-0.403,2.096-2.818,3.096-4.585,1.899
51
-			l-1.572-1.065l-1.958,1.958l0.907,1.236c1.29,1.76,0.308,4.263-1.835,4.675L35,45.846v2.769l1.515,0.233
52
-			c2.157,0.332,3.232,2.797,2.008,4.604l-0.825,1.217l1.958,1.958l1.236-0.907c1.76-1.29,4.263-0.308,4.675,1.835L45.846,59h2.769
53
-			l0.164-1.066c0.339-2.204,2.896-3.263,4.694-1.944l0.869,0.638l1.958-1.958l-0.825-1.217c-1.224-1.806-0.148-4.272,2.008-4.604
54
-			L59,48.615V45.846z"/>
55
-		<g>
56
-			<circle style="fill:#FFFFFF;" cx="47" cy="47" r="4"/>
57
-			<path style="fill:#ECF0F1;" d="M47,52c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S49.757,52,47,52z M47,44
58
-				c-1.654,0-3,1.346-3,3s1.346,3,3,3s3-1.346,3-3S48.654,44,47,44z"/>
59
-		</g>
60
-	</g>
61
-</g>
62
-<g>
63
-</g>
64
-<g>
65
-</g>
66
-<g>
67
-</g>
68
-<g>
69
-</g>
70
-<g>
71
-</g>
72
-<g>
73
-</g>
74
-<g>
75
-</g>
76
-<g>
77
-</g>
78
-<g>
79
-</g>
80
-<g>
81
-</g>
82
-<g>
83
-</g>
84
-<g>
85
-</g>
86
-<g>
87
-</g>
88
-<g>
89
-</g>
90
-<g>
91
-</g>
92
-</svg>

+ 0
- 59
assets/img/smartphone.svg View File

@@ -1,59 +0,0 @@
1
-<?xml version="1.0" encoding="iso-8859-1"?>
2
-<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
-	 viewBox="0 0 58.981 58.981" style="enable-background:new 0 0 58.981 58.981;" xml:space="preserve">
6
-<g>
7
-	<g>
8
-		<path style="fill:#545E73;" d="M35.39,58H10.201c-1.881,0-3.405-1.525-3.405-3.405V3.405C6.796,1.525,8.321,0,10.201,0H35.39
9
-			c1.881,0,3.405,1.525,3.405,3.405v51.189C38.796,56.475,37.271,58,35.39,58z"/>
10
-		<rect x="6.796" y="6" style="fill:#8697CB;" width="32" height="40"/>
11
-		<circle style="fill:#323A45;" cx="22.796" cy="52" r="3"/>
12
-		<path style="fill:#323A45;" d="M22.796,4h-4c-0.553,0-1-0.447-1-1s0.447-1,1-1h4c0.553,0,1,0.447,1,1S23.349,4,22.796,4z"/>
13
-		<path style="fill:#323A45;" d="M26.796,4h-1c-0.553,0-1-0.447-1-1s0.447-1,1-1h1c0.553,0,1,0.447,1,1S27.349,4,26.796,4z"/>
14
-	</g>
15
-	<g>
16
-		<path style="fill:#BDC3C7;" d="M52.186,45.828l-1.444-0.278c-2.143-0.412-3.125-2.916-1.835-4.675l0.907-1.236l-1.958-1.958
17
-			l-1.217,0.825c-1.806,1.224-4.272,0.148-4.604-2.008l-0.233-1.515h-2.769l-0.359,1.865c-0.403,2.096-2.818,3.096-4.585,1.899
18
-			l-1.572-1.065l-1.958,1.958l0.907,1.236c1.29,1.76,0.308,4.263-1.835,4.675l-1.444,0.278v2.769l1.515,0.233
19
-			c2.157,0.332,3.232,2.797,2.008,4.604l-0.825,1.217l1.958,1.958l1.236-0.907c1.76-1.29,4.263-0.308,4.675,1.835l0.278,1.444h2.769
20
-			l0.164-1.066c0.339-2.204,2.896-3.263,4.694-1.944l0.869,0.638l1.958-1.958l-0.825-1.217c-1.224-1.806-0.148-4.272,2.008-4.604
21
-			l1.515-0.233V45.828z"/>
22
-		<g>
23
-			<circle style="fill:#FFFFFF;" cx="40.186" cy="46.981" r="4"/>
24
-			<path style="fill:#ECF0F1;" d="M40.186,51.981c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S42.942,51.981,40.186,51.981z
25
-				 M40.186,43.981c-1.654,0-3,1.346-3,3s1.346,3,3,3s3-1.346,3-3S41.84,43.981,40.186,43.981z"/>
26
-		</g>
27
-	</g>
28
-</g>
29
-<g>
30
-</g>
31
-<g>
32
-</g>
33
-<g>
34
-</g>
35
-<g>
36
-</g>
37
-<g>
38
-</g>
39
-<g>
40
-</g>
41
-<g>
42
-</g>
43
-<g>
44
-</g>
45
-<g>
46
-</g>
47
-<g>
48
-</g>
49
-<g>
50
-</g>
51
-<g>
52
-</g>
53
-<g>
54
-</g>
55
-<g>
56
-</g>
57
-<g>
58
-</g>
59
-</svg>

+ 118
- 0
assets/img/what_we_do/prestations.graphml View File

@@ -0,0 +1,118 @@
1
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+<graphml xmlns="http://graphml.graphdrawing.org/xmlns" xmlns:java="http://www.yworks.com/xml/yfiles-common/1.0/java" xmlns:sys="http://www.yworks.com/xml/yfiles-common/markup/primitives/2.0" xmlns:x="http://www.yworks.com/xml/yfiles-common/markup/2.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:y="http://www.yworks.com/xml/graphml" xmlns:yed="http://www.yworks.com/xml/yed/3" xsi:schemaLocation="http://graphml.graphdrawing.org/xmlns http://www.yworks.com/xml/schema/graphml/1.1/ygraphml.xsd">
3
+  <!--Created by yEd 3.17-->
4
+  <key attr.name="Description" attr.type="string" for="graph" id="d0"/>
5
+  <key for="port" id="d1" yfiles.type="portgraphics"/>
6
+  <key for="port" id="d2" yfiles.type="portgeometry"/>
7
+  <key for="port" id="d3" yfiles.type="portuserdata"/>
8
+  <key attr.name="url" attr.type="string" for="node" id="d4"/>
9
+  <key attr.name="description" attr.type="string" for="node" id="d5"/>
10
+  <key for="node" id="d6" yfiles.type="nodegraphics"/>
11
+  <key for="graphml" id="d7" yfiles.type="resources"/>
12
+  <key attr.name="url" attr.type="string" for="edge" id="d8"/>
13
+  <key attr.name="description" attr.type="string" for="edge" id="d9"/>
14
+  <key for="edge" id="d10" yfiles.type="edgegraphics"/>
15
+  <graph edgedefault="directed" id="G">
16
+    <data key="d0"/>
17
+    <node id="n0">
18
+      <data key="d6">
19
+        <y:GenericNode configuration="ShinyPlateNode2">
20
+          <y:Geometry height="125.0" width="125.0" x="-174.0" y="284.0"/>
21
+          <y:Fill color="#C0C0C0" transparent="false"/>
22
+          <y:BorderStyle hasColor="false" type="line" width="1.0"/>
23
+          <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="16" fontStyle="bold" hasBackgroundColor="false" hasLineColor="false" height="59.8515625" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="110.4296875" x="7.28515625" y="32.57421875">Technologie
24
+de
25
+l'Information<y:LabelModel>
26
+              <y:SmartNodeLabelModel distance="4.0"/>
27
+            </y:LabelModel>
28
+            <y:ModelParameter>
29
+              <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
30
+            </y:ModelParameter>
31
+          </y:NodeLabel>
32
+        </y:GenericNode>
33
+      </data>
34
+    </node>
35
+    <node id="n1">
36
+      <data key="d6">
37
+        <y:GenericNode configuration="ShinyPlateNode2">
38
+          <y:Geometry height="125.0" width="125.0" x="1.0" y="284.0"/>
39
+          <y:Fill color="#33CCCC" transparent="false"/>
40
+          <y:BorderStyle hasColor="false" type="line" width="1.0"/>
41
+          <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="16" fontStyle="bold" hasBackgroundColor="false" hasLineColor="false" height="41.234375" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="94.9921875" x="15.00390625" y="41.8828125">Cloud
42
+Computing<y:LabelModel>
43
+              <y:SmartNodeLabelModel distance="4.0"/>
44
+            </y:LabelModel>
45
+            <y:ModelParameter>
46
+              <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
47
+            </y:ModelParameter>
48
+          </y:NodeLabel>
49
+        </y:GenericNode>
50
+      </data>
51
+    </node>
52
+    <node id="n2">
53
+      <data key="d6">
54
+        <y:GenericNode configuration="ShinyPlateNode2">
55
+          <y:Geometry height="125.0" width="125.0" x="176.0" y="284.0"/>
56
+          <y:Fill color="#FF9B58" transparent="false"/>
57
+          <y:BorderStyle hasColor="false" type="line" width="1.0"/>
58
+          <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="16" fontStyle="bold" hasBackgroundColor="false" hasLineColor="false" height="41.234375" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="95.9375" x="14.53125" y="41.8828125">Systèmes
59
+Embarqués<y:LabelModel>
60
+              <y:SmartNodeLabelModel distance="4.0"/>
61
+            </y:LabelModel>
62
+            <y:ModelParameter>
63
+              <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
64
+            </y:ModelParameter>
65
+          </y:NodeLabel>
66
+        </y:GenericNode>
67
+      </data>
68
+    </node>
69
+    <edge id="e0" source="n1" target="n2">
70
+      <data key="d10">
71
+        <y:PolyLineEdge>
72
+          <y:Path sx="27.159193511641632" sy="-62.49767156111096" tx="0.0" ty="-62.481689453125">
73
+            <y:Point x="90.65919351164166" y="267.0"/>
74
+            <y:Point x="238.16666666666674" y="267.0"/>
75
+          </y:Path>
76
+          <y:LineStyle color="#000000" type="dashed" width="1.0"/>
77
+          <y:Arrows source="none" target="none"/>
78
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="15" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="21.45361328125" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="143.21875" x="4.196273803710909" y="-40.9584228515626">Internet des Objets<y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
79
+          </y:EdgeLabel>
80
+          <y:BendStyle smoothed="false"/>
81
+        </y:PolyLineEdge>
82
+      </data>
83
+    </edge>
84
+    <edge id="e1" source="n1" target="n0">
85
+      <data key="d10">
86
+        <y:PolyLineEdge>
87
+          <y:Path sx="-24.17033079537964" sy="-62.48344051234591" tx="0.0" ty="-62.481689453125">
88
+            <y:Point x="39.32966920462036" y="267.0"/>
89
+            <y:Point x="-111.5" y="267.0"/>
90
+          </y:Path>
91
+          <y:LineStyle color="#000000" type="dashed" width="1.0"/>
92
+          <y:Arrows source="none" target="none"/>
93
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="15" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="21.45361328125" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="112.09814453125" x="-131.9138984680176" y="-43.97264404296885">Externalisation<y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
94
+          </y:EdgeLabel>
95
+          <y:BendStyle smoothed="false"/>
96
+        </y:PolyLineEdge>
97
+      </data>
98
+    </edge>
99
+    <edge id="e2" source="n2" target="n0">
100
+      <data key="d10">
101
+        <y:PolyLineEdge>
102
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
103
+            <y:Point x="238.5" y="429.0"/>
104
+            <y:Point x="-111.5" y="429.0"/>
105
+          </y:Path>
106
+          <y:LineStyle color="#000000" type="dashed" width="1.0"/>
107
+          <y:Arrows source="none" target="none"/>
108
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="15" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="21.45361328125" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="181.12158203125" x="-260.643947265625" y="23.15144531249996">Gestion de Flotte Mobile<y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
109
+          </y:EdgeLabel>
110
+          <y:BendStyle smoothed="false"/>
111
+        </y:PolyLineEdge>
112
+      </data>
113
+    </edge>
114
+  </graph>
115
+  <data key="d7">
116
+    <y:Resources/>
117
+  </data>
118
+</graphml>

+ 64
- 0
assets/img/what_we_do/prestations.svg View File

@@ -0,0 +1,64 @@
1
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="485" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="224" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
2
+  <!--Generated by ySVG 2.5-->
3
+  <defs id="genericDefs"/>
4
+  <g>
5
+    <defs id="defs1">
6
+      <linearGradient x1="-174" gradientUnits="userSpaceOnUse" x2="-123.4551" y1="284" y2="321.7909" id="linearGradient1" spreadMethod="pad">
7
+        <stop stop-opacity="0.8627" stop-color="rgb(255,255,255)" offset="0%"/>
8
+        <stop stop-opacity="0.1255" stop-color="rgb(255,255,255)" offset="100%"/>
9
+      </linearGradient>
10
+      <linearGradient x1="1" gradientUnits="userSpaceOnUse" x2="51.5449" y1="284" y2="321.7909" id="linearGradient2" spreadMethod="pad">
11
+        <stop stop-opacity="0.8627" stop-color="rgb(255,255,255)" offset="0%"/>
12
+        <stop stop-opacity="0.1255" stop-color="rgb(255,255,255)" offset="100%"/>
13
+      </linearGradient>
14
+      <linearGradient x1="176" gradientUnits="userSpaceOnUse" x2="226.5449" y1="284" y2="321.7909" id="linearGradient3" spreadMethod="pad">
15
+        <stop stop-opacity="0.8627" stop-color="rgb(255,255,255)" offset="0%"/>
16
+        <stop stop-opacity="0.1255" stop-color="rgb(255,255,255)" offset="100%"/>
17
+      </linearGradient>
18
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
19
+        <path d="M0 0 L485 0 L485 224 L0 224 L0 0 Z"/>
20
+      </clipPath>
21
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
22
+        <path d="M-179 235 L306 235 L306 459 L-179 459 L-179 235 Z"/>
23
+      </clipPath>
24
+    </defs>
25
+    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(179,-235)" stroke="white">
26
+      <rect x="-179" width="485" height="224" y="235" clip-path="url(#clipPath2)" stroke="none"/>
27
+    </g>
28
+    <g fill="silver" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,179,-235)" stroke="silver">
29
+      <rect x="-174" y="284" clip-path="url(#clipPath2)" width="125" rx="5" ry="5" height="125" stroke="none"/>
30
+      <path fill="url(#linearGradient1)" d="M-171.5 294 Q-171.5 286.5 -164 286.5 L-102.75 286.5 Q-95.25 286.5 -95.25 294 Q-95.25 301.5 -125.875 341.5 Q-156.5 381.5 -164 381.5 Q-171.5 381.5 -171.5 374 Z" clip-path="url(#clipPath2)" stroke="none"/>
31
+    </g>
32
+    <g font-size="16px" stroke-linecap="butt" transform="matrix(1,0,0,1,179,-235)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" font-weight="bold" stroke-miterlimit="1.45">
33
+      <text x="-161.8594" xml:space="preserve" y="333.8164" clip-path="url(#clipPath2)" stroke="none">Technologie</text>
34
+      <text x="-121.4883" xml:space="preserve" y="352.4336" clip-path="url(#clipPath2)" stroke="none">de</text>
35
+      <text x="-164.7148" xml:space="preserve" y="371.0508" clip-path="url(#clipPath2)" stroke="none">l'Information</text>
36
+    </g>
37
+    <g fill="rgb(51,204,204)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,179,-235)" stroke="rgb(51,204,204)">
38
+      <rect x="1" y="284" clip-path="url(#clipPath2)" width="125" rx="5" ry="5" height="125" stroke="none"/>
39
+      <path fill="url(#linearGradient2)" d="M3.5 294 Q3.5 286.5 11 286.5 L72.25 286.5 Q79.75 286.5 79.75 294 Q79.75 301.5 49.125 341.5 Q18.5 381.5 11 381.5 Q3.5 381.5 3.5 374 Z" clip-path="url(#clipPath2)" stroke="none"/>
40
+    </g>
41
+    <g font-size="16px" stroke-linecap="butt" transform="matrix(1,0,0,1,179,-235)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" font-weight="bold" stroke-miterlimit="1.45">
42
+      <text x="39.5352" xml:space="preserve" y="343.125" clip-path="url(#clipPath2)" stroke="none">Cloud</text>
43
+      <text x="18.0039" xml:space="preserve" y="361.7422" clip-path="url(#clipPath2)" stroke="none">Computing</text>
44
+    </g>
45
+    <g fill="rgb(255,155,88)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,179,-235)" stroke="rgb(255,155,88)">
46
+      <rect x="176" y="284" clip-path="url(#clipPath2)" width="125" rx="5" ry="5" height="125" stroke="none"/>
47
+      <path fill="url(#linearGradient3)" d="M178.5 294 Q178.5 286.5 186 286.5 L247.25 286.5 Q254.75 286.5 254.75 294 Q254.75 301.5 224.125 341.5 Q193.5 381.5 186 381.5 Q178.5 381.5 178.5 374 Z" clip-path="url(#clipPath2)" stroke="none"/>
48
+    </g>
49
+    <g font-size="16px" stroke-linecap="butt" transform="matrix(1,0,0,1,179,-235)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" font-weight="bold" stroke-miterlimit="1.45">
50
+      <text x="199.8438" xml:space="preserve" y="343.125" clip-path="url(#clipPath2)" stroke="none">Systèmes</text>
51
+      <text x="192.5312" xml:space="preserve" y="361.7422" clip-path="url(#clipPath2)" stroke="none">Embarqués</text>
52
+    </g>
53
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" stroke-dasharray="6,2" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,179,-235)" stroke-linecap="butt">
54
+      <path fill="none" d="M39.3297 283.9833 L39.3297 267 L-111.5 267 L-111.5 283.9851" clip-path="url(#clipPath2)"/>
55
+    </g>
56
+    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,179,-235)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
57
+      <text x="-90.5842" xml:space="preserve" y="256.2636" clip-path="url(#clipPath2)" stroke="none">Externalisation</text>
58
+      <path fill="none" stroke-dasharray="6,2" d="M90.6592 283.9691 L90.6592 267 L238.1667 267 L238.4993 283.9851" clip-path="url(#clipPath2)"/>
59
+      <text x="96.8555" xml:space="preserve" y="259.2636" clip-path="url(#clipPath2)" stroke="none">Internet des Objets</text>
60
+      <path fill="none" stroke-dasharray="6,2" d="M238.5 408.9792 L238.5 429 L-111.5 429 L-111.5 408.9792" clip-path="url(#clipPath2)"/>
61
+      <text x="-20.1439" xml:space="preserve" y="448.3836" clip-path="url(#clipPath2)" stroke="none">Gestion de Flotte Mobile</text>
62
+    </g>
63
+  </g>
64
+</svg>

assets/what_we_do/what_we_do.graphml → assets/img/what_we_do/what_we_do.graphml View File


assets/what_we_do/what_we_do.svg → assets/img/what_we_do/what_we_do.svg View File


BIN
assets/logo/favicon-16x16.png View File


BIN
assets/logo/favicon-32x32.png View File


BIN
assets/logo/favicon.ico View File


BIN
assets/logo/favicon2-16x16.png View File


BIN
assets/logo/logo-menu.png View File


BIN
assets/logo/logo.png View File


BIN
assets/logo/logo.xcf View File


BIN
assets/logo/logo2.png View File


BIN
assets/resume/ghurel.pdf View File


BIN
assets/resume/pard0x_ghurel_resume.pdf View File


BIN
assets/vertical_squares/vertical_squares.pdf View File


+ 0
- 249
assets/vertical_squares/vertical_squares.svg View File

@@ -1,249 +0,0 @@
1
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
-
4
-<svg
5
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
6
-   xmlns:cc="http://creativecommons.org/ns#"
7
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8
-   xmlns:svg="http://www.w3.org/2000/svg"
9
-   xmlns="http://www.w3.org/2000/svg"
10
-   xmlns:xlink="http://www.w3.org/1999/xlink"
11
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
13
-   width="93.319237mm"
14
-   height="144.00864mm"
15
-   viewBox="0 0 93.319237 144.00864"
16
-   version="1.1"
17
-   id="svg4797"
18
-   inkscape:version="0.92.1 r15371"
19
-   sodipodi:docname="vertical_figure.svg">
20
-  <defs
21
-     id="defs4791">
22
-    <linearGradient
23
-       inkscape:collect="always"
24
-       xlink:href="#linearGradient4679"
25
-       id="linearGradient4681"
26
-       x1="111.98593"
27
-       y1="176.46144"
28
-       x2="-27.105217"
29
-       y2="175.19313"
30
-       gradientUnits="userSpaceOnUse" />
31
-    <linearGradient
32
-       inkscape:collect="always"
33
-       id="linearGradient4679">
34
-      <stop
35
-         style="stop-color:#6edf57;stop-opacity:1;"
36
-         offset="0"
37
-         id="stop4675" />
38
-      <stop
39
-         style="stop-color:#6edf57;stop-opacity:0;"
40
-         offset="1"
41
-         id="stop4677" />
42
-    </linearGradient>
43
-    <linearGradient
44
-       inkscape:collect="always"
45
-       xlink:href="#linearGradient4687"
46
-       id="linearGradient4689"
47
-       x1="33.381794"
48
-       y1="56.741001"
49
-       x2="131.49661"
50
-       y2="58.595581"
51
-       gradientUnits="userSpaceOnUse" />
52
-    <linearGradient
53
-       inkscape:collect="always"
54
-       id="linearGradient4687">
55
-      <stop
56
-         style="stop-color:#ff2a2a;stop-opacity:1;"
57
-         offset="0"
58
-         id="stop4683" />
59
-      <stop
60
-         style="stop-color:#ff2a2a;stop-opacity:0;"
61
-         offset="1"
62
-         id="stop4685" />
63
-    </linearGradient>
64
-  </defs>
65
-  <sodipodi:namedview
66
-     id="base"
67
-     pagecolor="#ffffff"
68
-     bordercolor="#666666"
69
-     borderopacity="1.0"
70
-     inkscape:pageopacity="0.0"
71
-     inkscape:pageshadow="2"
72
-     inkscape:zoom="0.35"
73
-     inkscape:cx="-252.22012"
74
-     inkscape:cy="-147.8577"
75
-     inkscape:document-units="mm"
76
-     inkscape:current-layer="layer1"
77
-     showgrid="false"
78
-     fit-margin-top="0"
79
-     fit-margin-left="0"
80
-     fit-margin-right="0"
81
-     fit-margin-bottom="0"
82
-     inkscape:window-width="1920"
83
-     inkscape:window-height="990"
84
-     inkscape:window-x="0"
85
-     inkscape:window-y="27"
86
-     inkscape:window-maximized="1" />
87
-  <metadata
88
-     id="metadata4794">
89
-    <rdf:RDF>
90
-      <cc:Work
91
-         rdf:about="">
92
-        <dc:format>image/svg+xml</dc:format>
93
-        <dc:type
94
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
95
-        <dc:title></dc:title>
96
-      </cc:Work>
97
-    </rdf:RDF>
98
-  </metadata>
99
-  <g
100
-     inkscape:label="Calque 1"
101
-     inkscape:groupmode="layer"
102
-     id="layer1"
103
-     transform="translate(9.6179499,34.295983)">
104
-    <g
105
-       transform="translate(-22.158571,-74.088265)"
106
-       id="g4731">
107
-      <rect
108
-         y="57.865261"
109
-         x="21.805107"
110
-         height="110.91339"
111
-         width="19.748743"
112
-         id="rect5595"
113
-         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
114
-      <rect
115
-         transform="matrix(-0.99999256,0.00385833,-0.00230993,-0.99999733,0,0)"
116
-         y="-168.85983"
117
-         x="-96.57682"
118
-         height="51.375175"
119
-         width="24.060173"
120
-         id="rect5595-1-2"
121
-         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.0000006;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
122
-      <rect
123
-         transform="matrix(-0.99999768,0.00215495,-0.00413585,-0.99999145,0,0)"
124
-         y="-176.63596"
125
-         x="-85.021477"
126
-         height="62.623596"
127
-         width="52.510303"
128
-         id="rect5595-1-1"
129
-         style="opacity:1;fill:#ffffff;fill-opacity:0.99675329;fill-rule:nonzero;stroke:none;stroke-width:0.19397044;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
130
-      <rect
131
-         y="152.97888"
132
-         x="33.607761"
133
-         height="30.322033"
134
-         width="51.630192"
135
-         id="rect4485-2"
136
-         style="opacity:0.8;fill:url(#linearGradient4681);fill-opacity:1;fill-rule:nonzero;stroke:#030303;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
137
-      <rect
138
-         transform="matrix(-0.99999099,0.00424385,-0.0021001,-0.99999779,0,0)"
139
-         y="-108.94395"
140
-         x="-96.744728"
141
-         height="50.647873"
142
-         width="21.564846"
143
-         id="rect5595-1"
144
-         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00000119;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
145
-      <rect
146
-         transform="matrix(-0.99999954,9.5611871e-4,-0.00932123,-0.99995656,0,0)"
147
-         y="-113.97768"
148
-         x="-84.727455"
149
-         height="57.202797"
150
-         width="51.874859"
151
-         id="rect5595-1-1-3"
152
-         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.18426001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
153
-      <rect
154
-         y="96.133118"
155
-         x="33.849232"
156
-         height="33.497406"
157
-         width="51.380859"
158
-         id="rect4485-7"
159
-         style="opacity:0.8;fill:#63aed7;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
160
-      <rect
161
-         y="40.292282"
162
-         x="33.794872"
163
-         height="32.310535"
164
-         width="51.011639"
165
-         id="rect4485"
166
-         style="opacity:0.803;fill:url(#linearGradient4689);fill-opacity:1;fill-rule:nonzero;stroke:#020202;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:100;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
167
-      <text
168
-         transform="scale(1.1370472,0.87947097)"
169
-         id="text7172"
170
-         y="131.86473"
171
-         x="39.695747"
172
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:125%;font-family:'Accanthis ADF Std No2';-inkscape-font-specification:'Accanthis ADF Std No2';text-align:justify;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.23269334px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
173
-         xml:space="preserve"><tspan
174
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:57.4000001%;font-family:'Accanthis ADF Std No2';-inkscape-font-specification:'Accanthis ADF Std No2';stroke-width:0.23269334px"
175
-           y="131.86473"
176
-           x="39.695747"
177
-           id="tspan7170"
178
-           sodipodi:role="line">Cloud</tspan></text>
179
-      <text
180
-         id="text7172-3"
181
-         y="53.414536"
182
-         x="59.659271"
183
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.3499999px;line-height:125%;font-family:Arimo;-inkscape-font-specification:Arimo;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
184
-         xml:space="preserve"><tspan
185
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.3499999px;font-family:Arimo;-inkscape-font-specification:Arimo;text-align:center;text-anchor:middle;stroke-width:0.26458332px"
186
-           y="53.414536"
187
-           x="59.659271"
188
-           id="tspan7170-7"
189
-           sodipodi:role="line">Information</tspan><tspan
190
-           id="tspan4649"
191
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.3499999px;font-family:Arimo;-inkscape-font-specification:Arimo;text-align:center;text-anchor:middle;stroke-width:0.26458332px"
192
-           y="61.352036"
193
-           x="59.659271"
194
-           sodipodi:role="line">Technology</tspan></text>
195
-      <text
196
-         id="text7172-5"
197
-         y="165.51198"
198
-         x="59.413677"
199
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.59895802px;line-height:125%;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
200
-         xml:space="preserve"><tspan
201
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.76111126px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';text-align:center;text-anchor:middle;stroke-width:0.26458332px"
202
-           y="165.51198"
203
-           x="59.413677"
204
-           id="tspan7170-4"
205
-           sodipodi:role="line">Embedded</tspan><tspan
206
-           id="tspan4647"
207
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.76111126px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';text-align:center;text-anchor:middle;stroke-width:0.26458332px"
208
-           y="176.47014"
209
-           x="59.413677"
210
-           sodipodi:role="line">Systems</tspan></text>
211
-      <text
212
-         transform="rotate(-90.402611)"
213
-         id="text7172-4-0"
214
-         y="16.509377"
215
-         x="-128.83904"
216
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.76111126px;line-height:125%;font-family:'Sans Condensed Uralic';-inkscape-font-specification:'Sans Condensed Uralic';text-align:justify;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
217
-         xml:space="preserve"><tspan
218
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.3499999px;font-family:'Sans Condensed Uralic';-inkscape-font-specification:'Sans Condensed Uralic';stroke-width:0.26458332px"
219
-           y="16.509377"
220
-           x="-128.83904"
221
-           id="tspan7170-3-0"
222
-           sodipodi:role="line">MDM / BYOD</tspan></text>
223
-      <text
224
-         transform="rotate(-91.46661)"
225
-         id="text4641"
226
-         y="102.45421"
227
-         x="-103.04204"
228
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.59895802px;line-height:125%;font-family:Arial;-inkscape-font-specification:'Arial, Normal';text-align:justify;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
229
-         xml:space="preserve"><tspan
230
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;font-family:'Sans Condensed Uralic';-inkscape-font-specification:'Sans Condensed Uralic';stroke-width:0.26458332px"
231
-           y="102.45421"
232
-           x="-103.04204"
233
-           id="tspan4639"
234
-           sodipodi:role="line">Outsourcing</tspan></text>
235
-      <text
236
-         transform="rotate(-91.156832)"
237
-         id="text4645"
238
-         y="102.12684"
239
-         x="-148.85478"
240
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.59895802px;line-height:125%;font-family:Arial;-inkscape-font-specification:'Arial, Normal';text-align:justify;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
241
-         xml:space="preserve"><tspan
242
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;font-family:'Sans Condensed Uralic';-inkscape-font-specification:'Sans Condensed Uralic';stroke-width:0.26458332px"
243
-           y="102.12684"
244
-           x="-148.85478"
245
-           id="tspan4643"
246
-           sodipodi:role="line">IoT</tspan></text>
247
-    </g>
248
-  </g>
249
-</svg>

+ 0
- 231
blog-home-1.html View File

@@ -1,231 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="en">
3
-
4
-<head>
5
-
6
-    <meta charset="utf-8">
7
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
-    <meta name="description" content="">
9
-    <meta name="author" content="">
10
-
11
-    <title>Modern Business - Start Bootstrap Template</title>
12
-
13
-    <!-- Bootstrap core CSS -->
14
-    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
15
-
16
-    <!-- Custom fonts for this template -->
17
-    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
18
-
19
-    <!-- Custom styles for this template -->
20
-    <link href="css/modern-business.css" rel="stylesheet">
21
-
22
-    <!-- Temporary navbar container fix -->
23
-    <style>
24
-    .navbar-toggler {
25
-        z-index: 1;
26
-    }
27
-    
28
-    @media (max-width: 576px) {
29
-        nav > .container {
30
-            width: 100%;
31
-        }
32
-    }
33
-    </style>
34
-
35
-</head>
36
-
37
-<body>
38
-
39
-    <!-- Navigation -->
40
-    <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">
41
-        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
42
-            <span class="navbar-toggler-icon"></span>
43
-        </button>
44
-        <div class="container">
45
-            <a class="navbar-brand" href="index.html">Start Bootstrap</a>
46
-            <div class="collapse navbar-collapse" id="navbarExample">
47
-                <ul class="navbar-nav ml-auto">
48
-                    <li class="nav-item">
49
-                        <a class="nav-link" href="about.html">About</a>
50
-                    </li>
51
-                    <li class="nav-item">
52
-                        <a class="nav-link" href="services.html">Services</a>
53
-                    </li>
54
-                    <li class="nav-item">
55
-                        <a class="nav-link" href="contact.html">Contact</a>
56
-                    </li>
57
-                    <li class="nav-item dropdown">
58
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
59
-                            Portfolio
60
-                        </a>
61
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
62
-                            <a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
63
-                            <a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
64
-                            <a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
65
-                            <a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
66
-                            <a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
67
-                        </div>
68
-                    </li>
69
-                    <li class="nav-item dropdown">
70
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
71
-                            Blog
72
-                        </a>
73
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
74
-                            <a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
75
-                            <a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
76
-                            <a class="dropdown-item" href="blog-post.html">Blog Post</a>
77
-                        </div>
78
-                    </li>
79
-                    <li class="nav-item dropdown">
80
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
81
-                            Other Pages
82
-                        </a>
83
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
84
-                            <a class="dropdown-item" href="full-width.html">Full Width Page</a>
85
-                            <a class="dropdown-item" href="sidebar.html">Sidebar Page</a>
86
-                            <a class="dropdown-item" href="faq.html">FAQ</a>
87
-                            <a class="dropdown-item" href="404.html">404</a>
88
-                            <a class="dropdown-item" href="pricing.html">Pricing Table</a>
89
-                        </div>
90
-                    </li>
91
-                </ul>
92
-            </div>
93
-        </div>
94
-    </nav>
95
-
96
-    <!-- Page Content -->
97
-    <div class="container">
98
-
99
-        <!-- Page Heading/Breadcrumbs -->
100
-        <h1 class="mt-4 mb-3">Blog Home One <small>Subheading</small></h1>
101
-
102
-        <ol class="breadcrumb">
103
-            <li class="breadcrumb-item">
104
-                <a href="index.html">Home</a>
105
-            </li>
106
-            <li class="breadcrumb-item active">Blog Home 1</li>
107
-        </ol>
108
-
109
-        <div class="row">
110
-
111
-            <!-- Blog Entries Column -->
112
-            <div class="col-md-8">
113
-
114
-                <!-- Blog Post -->
115
-                <div class="card mb-4">
116
-                    <img class="card-img-top img-fluid" src="http://placehold.it/750x300" alt="Card image cap">
117
-                    <div class="card-block">
118
-                        <h2 class="card-title">Post Title</h2>
119
-                        <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!</p>
120
-                        <a href="#" class="btn btn-primary">Read More &rarr;</a>
121
-                    </div>
122
-                    <div class="card-footer text-muted">
123
-                        Posted on January 1, 2017 by <a href="#">Start Bootstrap</a>
124
-                    </div>
125
-                </div>
126
-
127
-                <!-- Blog Post -->
128
-                <div class="card mb-4">
129
-                    <img class="card-img-top img-fluid" src="http://placehold.it/750x300" alt="Card image cap">
130
-                    <div class="card-block">
131
-                        <h2 class="card-title">Post Title</h2>
132
-                        <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!</p>
133
-                        <a href="#" class="btn btn-primary">Read More &rarr;</a>
134
-                    </div>
135
-                    <div class="card-footer text-muted">
136
-                        Posted on January 1, 2017 by <a href="#">Start Bootstrap</a>
137
-                    </div>
138
-                </div>
139
-
140
-                <!-- Blog Post -->
141
-                <div class="card mb-4">
142
-                    <img class="card-img-top img-fluid" src="http://placehold.it/750x300" alt="Card image cap">
143
-                    <div class="card-block">
144
-                        <h2 class="card-title">Post Title</h2>
145
-                        <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!</p>
146
-                        <a href="#" class="btn btn-primary">Read More &rarr;</a>
147
-                    </div>
148
-                    <div class="card-footer text-muted">
149
-                        Posted on January 1, 2017 by <a href="#">Start Bootstrap</a>
150
-                    </div>
151
-                </div>
152
-
153
-                <!-- Pagination -->
154
-                <ul class="pagination justify-content-center mb-4">
155
-                    <li class="page-item"><a class="page-link" href="#">&larr; Older</a></li>
156
-                    <li class="page-item disabled"><a class="page-link" href="#">Newer &rarr;</a></li>
157
-                </ul>
158
-
159
-            </div>
160
-
161
-            <!-- Sidebar Widgets Column -->
162
-            <div class="col-md-4">
163
-
164
-                <!-- Search Widget -->
165
-                <div class="card mb-4">
166
-                    <h5 class="card-header">Search</h5>
167
-                    <div class="card-block">
168
-                        <div class="input-group">
169
-                            <input type="text" class="form-control" placeholder="Search for...">
170
-                            <span class="input-group-btn">
171
-                                <button class="btn btn-secondary" type="button">Go!</button>
172
-                            </span>
173
-                        </div>
174
-                    </div>
175
-                </div>
176
-
177
-                <!-- Categories Widget -->
178
-                <div class="card my-4">
179
-                    <h5 class="card-header">Categories</h5>
180
-                    <div class="card-block">
181
-                        <div class="row">
182
-                            <div class="col-lg-6">
183
-                                <ul class="list-unstyled mb-0">
184
-                                    <li><a href="#">Web Design</a></li>
185
-                                    <li><a href="#">HTML</a></li>
186
-                                    <li><a href="#">Freebies</a></li>
187
-                                </ul>
188
-                            </div>
189
-                            <div class="col-lg-6">
190
-                                <ul class="list-unstyled mb-0">
191
-                                    <li><a href="#">JavaScript</a></li>
192
-                                    <li><a href="#">CSS</a></li>
193
-                                    <li><a href="#">Tutorials</a></li>
194
-                                </ul>
195
-                            </div>
196
-                        </div>
197
-                    </div>
198
-                </div>
199
-
200
-                <!-- Side Widget -->
201
-                <div class="card my-4">
202
-                    <h5 class="card-header">Side Widget</h5>
203
-                    <div class="card-block">
204
-                        You can put anything you want inside of these side widgets. They are easy to use, and feature the new Bootstrap 4 card containers!
205
-                    </div>
206
-                </div>
207
-
208
-            </div>
209
-
210
-        </div>
211
-        <!-- /.row -->
212
-
213
-    </div>
214
-    <!-- /.container -->
215
-
216
-    <!-- Footer -->
217
-    <footer class="py-5 bg-inverse">
218
-        <div class="container">
219
-            <p class="m-0 text-center text-white">Copyright &copy; Your Website 2017</p>
220
-        </div>
221
-        <!-- /.container -->
222
-    </footer>
223
-
224
-    <!-- Bootstrap core JavaScript -->
225
-    <script src="vendor/jquery/jquery.min.js"></script>
226
-    <script src="vendor/tether/tether.min.js"></script>
227
-    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
228
-
229
-</body>
230
-
231
-</html>

+ 0
- 219
blog-home-2.html View File

@@ -1,219 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="en">
3
-
4
-<head>
5
-
6
-    <meta charset="utf-8">
7
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
-    <meta name="description" content="">
9
-    <meta name="author" content="">
10
-
11
-    <title>Modern Business - Start Bootstrap Template</title>
12
-
13
-    <!-- Bootstrap core CSS -->
14
-    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
15
-
16
-    <!-- Custom fonts for this template -->
17
-    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
18
-
19
-    <!-- Custom styles for this template -->
20
-    <link href="css/modern-business.css" rel="stylesheet">
21
-
22
-    <!-- Temporary navbar container fix -->
23
-    <style>
24
-    .navbar-toggler {
25
-        z-index: 1;
26
-    }
27
-    
28
-    @media (max-width: 576px) {
29
-        nav > .container {
30
-            width: 100%;
31
-        }
32
-    }
33
-    </style>
34
-
35
-</head>
36
-
37
-<body>
38
-
39
-    <!-- Navigation -->
40
-    <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">
41
-        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
42
-            <span class="navbar-toggler-icon"></span>
43
-        </button>
44
-        <div class="container">
45
-            <a class="navbar-brand" href="index.html">Start Bootstrap</a>
46
-            <div class="collapse navbar-collapse" id="navbarExample">
47
-                <ul class="navbar-nav ml-auto">
48
-                    <li class="nav-item">
49
-                        <a class="nav-link" href="about.html">About</a>
50
-                    </li>
51
-                    <li class="nav-item">
52
-                        <a class="nav-link" href="services.html">Services</a>
53
-                    </li>
54
-                    <li class="nav-item">
55
-                        <a class="nav-link" href="contact.html">Contact</a>
56
-                    </li>
57
-                    <li class="nav-item dropdown">
58
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
59
-                            Portfolio
60
-                        </a>
61
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
62
-                            <a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
63
-                            <a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
64
-                            <a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
65
-                            <a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
66
-                            <a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
67
-                        </div>
68
-                    </li>
69
-                    <li class="nav-item dropdown">
70
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
71
-                            Blog
72
-                        </a>
73
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
74
-                            <a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
75
-                            <a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
76
-                            <a class="dropdown-item" href="blog-post.html">Blog Post</a>
77
-                        </div>
78
-                    </li>
79
-                    <li class="nav-item dropdown">
80
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
81
-                            Other Pages
82
-                        </a>
83
-                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
84
-                            <a class="dropdown-item" href="full-width.html">Full Width Page</a>
85
-                            <a class="dropdown-item" href="sidebar.html">Sidebar Page</a>
86
-                            <a class="dropdown-item" href="faq.html">FAQ</a>
87
-                            <a class="dropdown-item" href="404.html">404</a>
88
-                            <a class="dropdown-item" href="pricing.html">Pricing Table</a>
89
-                        </div>
90
-                    </li>
91
-                </ul>
92
-            </div>
93
-        </div>
94
-    </nav>
95
-
96
-    <!-- Page Content -->
97
-    <div class="container">
98
-
99
-        <!-- Page Heading/Breadcrumbs -->
100
-        <h1 class="mt-4 mb-3">Blog Home Two <small>Subheading</small></h1>
101
-
102
-        <ol class="breadcrumb">
103
-            <li class="breadcrumb-item">
104