V1

LICENSE-free.txt

@@ -0,0 +1,31 @@
+material-app
+v1.1.0
+Update Date: January 8, 2021
+
+License - FREE
+
+License Terms
+-------------
+
+Under free license, you can use the template in personal (non-commercial) projects with credit. For credit, you need to keep the link to templateflip.com from the site footer.
+
+You can buy a premium license to be allowed to remove the footer link and  to use the item in commercial projects (or for clients).
+
+Download & Buy - https://templateflip.com/templates/material-app/
+Demo - https://templateflip.com/demo/templates/material-app/
+
+Compare licenses - https://templateflip.com/licenses/
+Terms - https://templateflip.com/terms/
+FAQ - https://templateflip.com/faq/
+
+
+Prohibitions
+------------
+
+You do not have the rights to sub-license, sell or distribute any of TemplateFlip item.
+If you wish to promote our resources on your site, you must link back to our item page,
+where users can find the download and not directly to the download file.
+You must NOT use any item from TemplateFlip for displaying unlawful content.
+For any further queries regarding terms of use and licensing feel free to contact us.
+
+*************

README.md

@@ -0,0 +1,45 @@
+Directory Structure
+-------------------
+Directory Structure
+-------------------
+* css\              - Stylesheets CSS files for the template.
+* images\           - Images used in template.
+* scripts\          - JavaScript used in the template.
+* styles\           - SCSS source files for stylesheets CSS. Available in Purchased versions only.
+* favicon.ico       - Favicon placeholder provided for the template.
+* index.html        - Main HTML page to open the template in browser.
+* *.html            - Additional HTML pages (if any).
+* LICENSE-*.txt     - License file as per your downloaded variant.
+
+How to Edit the template
+------------------------
+
+1. Editing Content in template
+
+To edit the content open the corresponding *.html files and open them
+in an editor such as VSCode or Notepad++.
+Search for the content you want to change and edit it to the text you want.
+Save the file and reopen HTML file in browser to see the changes.
+
+2. Editing Styles of template
+
+The main style is present in css\main.css which you can edit.
+You must know how to edit CSS files to do this.
+If you have purchased any of the premium version then you will also get
+SCSS source files which generates all the styles of the template.
+You can use these SCSS files to make your changes and regenerate CSS.
+
+3. Changing Images
+
+You can change images inside the images\ folder.
+Make sure to name the file same as the original file.
+If you wish to change the name of the image file then you must
+also make corresponding change in the HTML file which refer to that image.
+
+How to use the template
+-----------------------
+Upload the contents to your webserver.
+index.html must be in the main (root) folder of your webserver.
+Do not change the name of the template folders or files unless you know
+what you are doing and are changing the names in HTML files too.
+For webhosting, you can go with https://templateflip.com/go/hosting for easy FTP file uploads.

css/main.css

@@ -0,0 +1,56 @@
+html {
+  scroll-behavior: smooth; }
+
+#intro {
+  background: url("../img/blue-grey.jpg") no-repeat center center;
+  background-size: cover; }
+
+.site-bg-img {
+  height: 100vh;
+  min-height: 480px;
+  max-height: 1080px; }
+
+.top-nav-collapse {
+  background-color: #263238 !important; }
+
+.navbar:not(.top-nav-collapse) {
+  background: transparent !important; }
+
+@media (max-width: 768px) {
+  .navbar:not(.top-nav-collapse) {
+    background: #263238 !important; } }
+
+#intro .h6 {
+  font-weight: 300;
+  line-height: 1.7; }
+
+@media (max-width: 450px) {
+  .margins {
+    margin-right: 1rem;
+    margin-left: 1rem; } }
+
+#pricing .lead {
+  opacity: 0.7; }
+
+#pricing ul li {
+  font-size: 1.1em; }
+
+#client .carousel-indicators li {
+  background-color: #9e9e9e !important; }
+
+#client .carousel-indicators .active {
+  background-color: #3f51b5 !important; }
+
+#contact .md-form input[type=text]:focus:not([readonly]) {
+  border-bottom: 1px solid #2BBBAD;
+  box-shadow: 0 1px 0 0 #2BBBAD; }
+
+#contact .md-form input[type=text]:focus:not([readonly]) + label {
+  color: #2BBBAD; }
+
+#contact .md-form textarea:focus:not([readonly]) {
+  border-bottom: 1px solid #2BBBAD;
+  box-shadow: 0 1px 0 0 #2BBBAD; }
+
+#contact .md-form textarea:focus:not([readonly]) + label {
+  color: #2BBBAD; }

img/lightbox/default-skin.svg

@@ -0,0 +1 @@
+<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>

img/svg/arrow_left.svg

@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="36" viewBox="0 0 24 24" width="36" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/>
+    <path d="M0-.5h24v24H0z" fill="none"/>
+</svg>

img/svg/arrow_right.svg

@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="36" viewBox="0 0 24 24" width="36" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/>
+    <path d="M0-.25h24v24H0z" fill="none"/>
+</svg>

img/svg/b_android.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 49.2 49.2" style="enable-background:new 0 0 49.2 49.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#2468FF;}
+</style>
+<g>
+	<circle class="st0" cx="20.8" cy="13.6" r="1"/>
+	<path class="st0" d="M24.6,0C11,0,0,11,0,24.6s11,24.6,24.6,24.6s24.6-11,24.6-24.6S38.2,0,24.6,0z M14.3,28.6
+		c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.9-1.9-1.9v-8.3c0-1.1,0.9-1.9,1.9-1.9s1.9,0.9,1.9,1.9V28.6z M33.7,20v1.3v11.3c0,1.1-0.9,2-2,2
+		h-1.5c0,0.2,0.1,0.4,0.1,0.5v0.1v0.6v3.3c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.9-1.9-1.9v-3.3v-0.6v-0.1c0-0.2,0-0.4,0.1-0.5H23
+		c0,0.2,0.1,0.4,0.1,0.5v0.1v0.6v3.3c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.9-1.9-1.9v-3.3v-0.6v-0.1c0-0.2,0-0.4,0.1-0.5h-1.5
+		c-1.1,0-2-0.9-2-2V21.3V20v-1.6H16h17.8h0.1L33.7,20L33.7,20z M15.6,17.1c0-2.8,1.9-5.2,4.6-6.5l-0.4-0.5l-0.4-0.5l-0.8-1.2
+		C18.5,8.3,18.5,8,18.7,8s0.4-0.1,0.4,0.1L20,9.4l0.4,0.5l0.4,0.6c1.2-0.5,2.5-0.7,3.8-0.7c1.4,0,2.7,0.3,3.8,0.7l0.4-0.6l0.4-0.5
+		l0.9-1.3C30.2,8,30.4,7.9,30.5,8c0.1,0.1,0.2,0.3,0.1,0.4l-0.8,1.2l-0.4,0.5L29,10.6c2.7,1.3,4.6,3.7,4.6,6.5H15.6z M38.9,28.6
+		c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.9-1.9-1.9v-8.3c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9V28.6z"/>
+	<circle class="st0" cx="28.5" cy="13.6" r="1"/>
+</g>
+</svg>

img/svg/b_mac.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.3 49.2"><path d="M24.6 0C11 0 0 11 0 24.6s11 24.6 24.6 24.6 24.7-11 24.7-24.6S38.2 0 24.6 0zm1.5 9.9c1.1-1.3 3-2.3 4.6-2.3.2 1.8-.5 3.6-1.6 4.9-1.1 1.3-2.9 2.3-4.6 2.2-.3-1.7.6-3.6 1.6-4.8zm8.8 24.8c-1.3 1.9-2.6 3.8-4.7 3.8s-2.7-1.2-5.1-1.2-3.1 1.2-5.1 1.3-3.6-2-4.9-3.9c-2.7-3.8-4.7-10.9-2-15.6 1.4-2.4 3.8-3.8 6.4-3.9 2 0 3.9 1.4 5.1 1.4s3.5-1.7 5.9-1.4c1 0 3.8.4 5.7 3.1-.1.1-3.4 2-3.3 5.9 0 4.7 4.1 6.2 4.2 6.3-.1-.1-.7 2.1-2.2 4.2z" fill="#2468FF"/></svg>

img/svg/b_ubuntu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" preserveAspectRatio="xMidYMid"><path d="M41.133 110.633c-9.419 0-17.05 7.631-17.05 17.05 0 9.414 7.631 17.046 17.05 17.046 9.415 0 17.046-7.632 17.046-17.046 0-9.419-7.631-17.05-17.046-17.05zm121.715 77.478c-8.153 4.71-10.95 15.13-6.24 23.279 4.705 8.154 15.125 10.949 23.279 6.24 8.153-4.705 10.949-15.125 6.24-23.28-4.705-8.148-15.131-10.943-23.279-6.239zm-84.686-60.428c0-16.846 8.368-31.73 21.171-40.742L86.87 66.067c-14.914 9.97-26.012 25.204-30.624 43.047 5.382 4.39 8.826 11.075 8.826 18.568 0 7.489-3.444 14.174-8.826 18.565C60.852 164.094 71.95 179.33 86.87 189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737zm49.792-49.797c26.013 0 47.355 19.944 49.595 45.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032-6.482 2.449-13.97 2.074-20.44-1.656-6.483-3.741-10.548-10.052-11.659-16.902a74.26 74.26 0 00-19.785-2.69 73.787 73.787 0 00-32.819 7.663l11.845 21.227a49.596 49.596 0 0120.975-4.632zm0 99.59a49.601 49.601 0 01-20.974-4.632l-11.845 21.225a73.712 73.712 0 0032.82 7.671 74.04 74.04 0 0019.784-2.697c1.111-6.85 5.177-13.155 11.658-16.902 6.476-3.737 13.959-4.105 20.44-1.656 12.605-12.396 20.808-29.254 22.004-48.032l-24.297-.358c-2.235 25.443-23.576 45.38-49.59 45.38zm34.888-110.231c8.154 4.708 18.575 1.92 23.279-6.234 4.71-8.154 1.92-18.575-6.234-23.285-8.154-4.704-18.574-1.91-23.285 6.244-4.703 8.15-1.908 18.57 6.24 23.275zm92.795 60.438c0 70.514-57.165 127.68-127.683 127.68C57.434 255.363.27 198.197.27 127.683.27 57.165 57.436 0 127.954 0c70.519 0 127.683 57.165 127.683 127.683z" fill="#2468FF"/></svg>

img/svg/b_windows.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.2 49.2"><path d="M24.6 0C11 0 0 11 0 24.6s11 24.6 24.6 24.6 24.6-11 24.6-24.6S38.2 0 24.6 0zm-3.3 36.3l-11.2-1.6v-9.1h11.2v10.7zm0-12.3H10.1v-9.1l11.2-1.7V24zm16.6 14.7l-15.1-2.2v-11h15.1v13.2zm0-14.7h-15V13l15-2.2V24z" fill="#2468FF"/></svg>

index.html

@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>RustDesk - Université de Rouen</title>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="apple-touch-icon" sizes="180x180" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/favicon-16x16.png">
+    <link rel="shortcut icon" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/favicon.ico">
+    <link href="css/bootstrap.min.css?ver=1.1.0" rel="stylesheet">
+    <link href="css/mdb.min.css?ver=1.1.0" rel="stylesheet">
+    <link href="css/main.css?ver=1.1.0" rel="stylesheet">
+  </head>
+  <body id="top">
+    <header>
+      <!-- Navbar-->
+      <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar" id="navbar">
+        <div class="container"><a class="navbar-brand" href="https://www.univ-rouen.fr/" target="_blank"><img id="logo-img" class="no-lazy-load" src="https://www.univ-rouen.fr/wp-content/uploads/2019/12/logo_universite_rouen.svg" alt="logo_universite_rouen"></a>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
+          <div class="collapse navbar-collapse" id="navbarContent">
+            <ul class="navbar-nav ml-auto">
+              <li class="nav-item"><a class="nav-link active" href="#features">Fonctionalités</a></li>
+              <li class="nav-item"><a class="nav-link active" href="#screenshots">Screenshots</a></li>
+              <li class="nav-item"><a class="nav-link" href="https://rustdesk.com/docs/fr/" target="_blank">Docs</a></li>
+              <li class="nav-item"><a class="nav-link" href="https://github.com/rustdesk/rustdesk" target="_blank">GitHub</a></li>
+            </ul><a class="btn btn-default btn-rounded my-0" href="#">Téléchargements</a>
+          </div>
+        </div>
+      </nav>
+      <!-- Intro Section-->
+      <section class="view" id="intro">
+        <div class="site-bg-img d-flex align-items-center">
+          <div class="container">
+            <div class="row no-gutters">
+              <div class="col-md-10 col-lg-6 text-center text-md-left margins">
+                <div class="white-text">
+                  <div class="wow fadeInRight" data-wow-delay="0.3s">
+                    <h1 class="h1 h1-responsive">RustDesk</h1>
+                    <div class="h6">
+                      RustDesk est un logiciel de prise à main à distance auto-hébergé par la DSI de l'Université de Rouen. Dans le monde numérique d'aujourd'hui, ce genre d'outil est devenu essentiel pour de nombreuses personnes et organisations. Cela permet d'accéder facilement à des ordinateurs distants et de fournir une assistance technique à distance. Alors que de nombreuses solutions de prise en main à distance existent sur le marché, les solutions auto-hébergées comme RustDesk offrent certains avantages significatifs.</div>
+                  </div><br>
+                </div>
+              </div>
+            </div>
+            <div id="latest-release" class="row">
+              <div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="windows">
+                  <a id="windowsLink" href="#"><img class="img-fluid hoverable" src="img/windows.png" alt="Windows Logo"></a>
+              </div>
+              <div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="mac">
+                  <a id="macLink" href="#"><img class="img-fluid hoverable" src="img/macos.png" alt="Mac Logo"></a>
+              </div>
+              <div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="ubuntu">
+                  <a id="ubuntuLink" href="#"><img class="img-fluid hoverable" src="img/ubuntu.png" alt="Ubuntu Logo"></a>
+              </div>
+              <div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="android">
+                  <a id="androidLink" href="#"><img class="img-fluid hoverable" src="img/google-play-fr.png" alt="Android Logo"></a>
+              </div>
+              <div class="col-lg-2 col-md-3 col-sm-12 justify-content-center d-flex">
+                  <a href="https://apps.apple.com/app/rustdesk-remote-desktop/id1581225015" target="_blank"> <img class="img-fluid hoverable" src="img/app-store-fr.png" alt="app store logo"></a>
+              </div>
+          </div>
+      
+          <script>
+              fetch('https://api.github.com/repos/rustdesk/rustdesk/releases/latest')
+                  .then(response => response.json())
+                  .then(data => {
+                      const tagName = data.tag_name;
+                      const assets = data.assets;
+                      let windowsAsset = null;
+                      let macAsset = null;
+                      let ubuntuAsset = null;
+                      let androidAsset = null;
+      
+                      // Find assets for different platforms
+                      assets.forEach(asset => {
+                          if (asset.name.endsWith('.exe')) {
+                              windowsAsset = asset;
+                          } else if (asset.name.endsWith('.dmg')) {
+                              macAsset = asset;
+                          } else if (asset.name.endsWith('.deb')) {
+                              ubuntuAsset = asset;
+                          } else if (asset.name.endsWith('.apk')) {
+                              androidAsset = asset;
+                          }
+                      });
+      
+                      // Function to generate download links
+                      function generateLink(asset, platformId, elementId) {
+                          if (asset) {
+                              const link = document.getElementById(elementId);
+                              link.href = asset.browser_download_url;
+                          }
+                      }
+      
+                      // Generate download links for each platform
+                      generateLink(windowsAsset, 'windows', 'windowsLink');
+                      generateLink(macAsset, 'mac', 'macLink');
+                      generateLink(ubuntuAsset, 'ubuntu', 'ubuntuLink');
+                      generateLink(androidAsset, 'android', 'androidLink');
+      
+                      // Display release tag
+                      // document.getElementById('latest-release').insertAdjacentHTML('afterbegin', `<p>Latest Release (${tagName}):</p>`);
+                  })
+                  .catch(error => {
+                      console.error('Error fetching latest release:', error);
+                      document.getElementById('latest-release').innerHTML = 'Error fetching latest release';
+                  });
+          </script>
+
+          </div>
+        </div>
+      </section>
+    </header>
+    <div id="container">
+
+<section class="py-5" id="features">
+  <div class="container">
+    <div class="wow fadeIn">
+      <h2 class="h1-responsive h1 text-center my-5">Pourquoi l'utiliser ?</h2>
+      <p class="lead blue-grey-text text-center w-responsive mx-auto mb-5">Tout d'abord, l'une des principales raisons de choisir une solution auto-hébergée est la confidentialité et la sécurité des données.</p>
+    </div>
+    <div class="row mb-5">
+      <div class="col-lg-6 wow fadeInLeft text-center text-lg-left"><img class="img-fluid" src="img/screens-section.png" alt="phone image"/></div>
+      <div class="col-lg-6 pt-5">
+        <div class="row mb-3">
+          <div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
+          <div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
+            <h5 class="h4 mb-3">Sécurité</h5>
+            <p class="grey-text">Connexion chiffrée de bout en bout</p>
+          </div>
+        </div>
+        <div class="row mb-3">
+          <div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
+          <div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
+            <h5 class="h4 mb-3">Confidentialité</h5>
+            <p class="grey-text">Avec RustDesk, vous avez un contrôle total sur les données échangées lors de la prise en main à distance. Contrairement aux solutions cloud, où vos données peuvent être stockées sur des serveurs tiers, une solution auto-hébergée vous permet de garder vos données confidentielles et de réduire les risques de fuites ou d'accès non autorisés.</p>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
+          <div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
+            <h5 class="h4 mb-3">Console</h5>
+            <p class="grey-text">Suivez le journal d'accès et gérez les autorisations à partir d'une interface utilisateur moderne.</p>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
+          <div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
+            <h5 class="h4 mb-3">Compatibilité </h5>
+            <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit enim ad minima veniam, quis nostrum exercitationem ullam. Reprehenderit maiores aperiam assumenda deleniti hic.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section class="py-5 grey lighten-4" id="screenshots">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-6">
+        <div class="wow fadeIn">
+          <h2 class="h1 h1-responsive text-center text-md-right my-5">Screenshots</h2>
+          <p class="lead blue-grey-text text-center text-md-right">Simple. Aucun privilège d'administration ou installation nécessaire pour Windows.</p>
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="wow fadeInUp">
+          <div class="pt-5">
+            <div class="carousel slide carousel-fade text-center" id="carousel-screenshot" data-ride="carousel"> 
+              <div class="carousel-inner text-center pb-5" role="listbox">
+                <div class="carousel-item active"><img class="img-fluid z-depth-2" src="img/rust-screenshot-1.jpg" alt="screenshot image" style="height:450px; width:auto;"/></div>
+                <div class="carousel-item"><img class="img-fluid z-depth-2" src="img/rust-screenshot-2.jpg" alt="screenshot image-1" style="height:450px; width:auto;"/></div>
+                <div class="carousel-item"><img class="img-fluid z-depth-2" src="img/rust-screenshot-3.jpg" alt="screenshot image-2" style="height:450px; width:auto;"/></div>
+              </div><a class="carousel-control-prev" href="#carousel-screenshot" role="button" data-slide="prev"><span aria-hidden="true"><i class="fa fa-arrow-left indigo-text "></i></span><span class="sr-only text-blue">Previous</span></a><a class="carousel-control-next" href="#carousel-screenshot" role="button" data-slide="next"><span aria-hidden="true"><i class="fa fa-arrow-right indigo-text "></i></span><span class="sr-only">Next</span></a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+</div>
+    <footer class="page-footer special-color-dark">
+      <div class="container py-5">
+        <div class="row">
+          <div class="col-md-12 pb-3">
+            <div class="flex-center"><a class="px-3" href="https://www.facebook.com/univ.rouen/" target="_blank"><i class="fa fa-facebook fa-lg white-text"></i></a><a class="px-3" href="https://twitter.com/univrouen" target="_blank"><i class="fa fa-twitter fa-lg white-text"></i></a><a class="px-3" href="https://www.linkedin.com/school/universite-de-rouen/" target ="_blank"><i class="fa fa-linkedin fa-lg white-text"></i></a><a class="px-3" href="https://github.com/rustdesk/rustdesk" target ="_blank"><i class="fa fa-github fa-lg white-text"></i></a></div>
+          </div>
+        </div>
+        <div class="container-fluid text-center">
+          <p class="mb-0">&copy; <a href="https://rustdesk.com/" target="_blank">RustDesk</a> - Design: <a href="https://templateflip.com/" target="_blank">TemplateFlip</a></p>
+        </div>
+      </div>
+    </footer>
+    <script type="text/javascript" src="scripts/jquery.min.js?ver=1.1.0"></script>
+    <script type="text/javascript" src="scripts/popper.min.js?ver=1.1.0"></script>
+    <script type="text/javascript" src="scripts/bootstrap.min.js?ver=1.1.0"></script>
+    <script type="text/javascript" src="scripts/wow.min.js?ver=1.1.0"></script>
+    <script type="text/javascript" src="scripts/mdb.min.js?ver=1.1.0"></script>
+    <script>new WOW().init();</script>
+  </body>
+</html>

scripts/main.js

@@ -0,0 +1,2 @@
+// Add your javascript here
+// Don't forget to add it into respective layouts where this js file is needed

workspace.code-workspace

@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}