Line 2: |
Line 2: |
| [[en:Technology_Trends]] | | [[en:Technology_Trends]] |
| | | |
− | <!-- | + | <div class="sideTable"> |
− | <div class="sidetable"> | + | <div class="navigation-section"> |
− | <table class="wikitable">
| + | <div class="navigation-table"> |
− | <tr><th class="breadcrumb" colspan="2"><b>Tendances Technologiques</b><br><b>[[Technology_Trends|Technology Trends]]</b></th></tr>
| + | <table class="wikitable nav-tab" style="margin-top: 0px;"> |
− | <tr><td colspan="2" class="logo">[[File:Technology_brief_logo.png|250px]]</td></tr>
| + | <tr><th class="breadcrumb" colspan="2"><b>Tendances Technologiques</b><br><b>[[Technology_Trends|Technology Trends]]</b></th></tr> |
− | <tr>
| + | <tr><td colspan="2" class="logo">[[File:Technology_brief_logo.png|250px]]</td></tr> |
− | <th>Département</th>
| + | <th>Modèle des Tendances</th> |
− | <td>Services partagés Canada</td>
| + | <td>[[Media:FR_-_Modèle_des_Tendances_Technologiques.docx|Tendances Technologiques]]</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <th>Direction générale</th>
| + | <th>Autres Publications</th> |
− | <td>Dirigeant principal de la technologie</td>
| + | <td><b>[[Comité_Consultatif_sur_le_Cadre_d%27Architecture|Comité Consultatif sur le Cadre d'Architecture]]</b><br><b>[[Architecture_Framework_Advisory_Committee|Architecture Framework Advisory Committee]]</b></td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr><td colspan="2" class="disclaimer"><table><tr> |
− | <th>Direction</th>
| + | <td>[[File:Traffic_cone.png|40px]]</td> |
− | <td>Architecture d'entreprise</td>
| + | <td class="disclaimerText">Des ajouts récents incluent [[Tendances_Technologiques/Chaîne_de_Blocs|Chaîne de blocs]], [[Tendances_Technologiques/Développement_d%27Application_LowCode|Développement d'Application LowCode]], [[Tendances_Technologiques/Drones|Drones]], [[Tendances_Technologiques/Internet_des_Objets|Internet des Objets]], [[Tendances_Technologiques/Ouvert_par_Défaut|Ouvert par Défaut]], [[Tendances_Technologiques/Réseaux_Zéro_Confiance|Réseaux Zéro Confiance]].</td> |
− | </tr>
| + | </tr></table></td></tr> |
− | <tr>
| + | </table> |
− | <th>Modèle</th>
| + | </div> |
− | <td>[[Media:FR_-_Modèle_des_Tendances_Technologiques.docx|Tendances Technologiques]]</td>
| + | </div> |
− | </tr>
| + | </div> |
− | <tr><td colspan="2" class="disclaimer"><table><tr>
| + | |
− | <td>[[File:Traffic_cone.png|40px]]</td>
| + | <div> |
− | <td class="disclaimerText">Cette page est sujet à des mises à jours. On encourage toutes rétroactions. Veuillez utiliser la page de discussion pour apporter des commentaires et des suggestions. Une fois que cette version soit approuvée et finalisée, elle va être traduit.</td>
| + | <p>Les <b>fiches technologiques</b> fournit au lecteur une courte description de chaque technologie, de son utilisation par l'industrie et le gouvernement du Canada, ainsi que de son impact éventuelle sur un ministère. Les contributions de tous sont les bienvenues pour le maintien, la mise à jour et l'amélioration de chaque fiche technologique.</p> |
− | </tr></table></td></tr>
| + | |
− | </table> | + | <p>La collaboration sur les fiches technologiques permettra de gagner du temps et d’économiser des efforts dans l’ensemble du gouvernement en évitant les dédoublement d’effort inutiles dans la documentation répétée du même contenu. Cela devrait accélérer la création de la feuille de route technologique par les ministères en faisant simplement référence à la documentation générale du GC sur les technologies.</p> |
| + | |
| + | <!-- |
| + | <h2>Définition</h2> |
| + | |
| + | <p>This is the definition for tech trends</p>--> |
| + | <h2>Format</h2> |
| + | |
| + | <p>Chaque résumé technologique suit un modèle standard :</p> |
| + | |
| + | <ul> |
| + | <li>Le <b>sommaire opérationel </b>décrit l’aspect commercial de la technologie en offrant une compréhension de haut niveau, son origine et ses utilisations.</li> |
| + | <li>Le <b>sommaire technique </b>donne une description détaillée de la technologie. Cette partie se concentre sur les aspects techniques les plus importants de la technologie sans trop entrer dans les détails.</li> |
| + | <li><b>L'utilisation par l'industrie </b>permet de comprendre comment la technologie est présentement utilisée ou devrait être utilisée dans l'industrie lorsqu'elle va être disponible dans le commerce. Cette section clarifie les avantages de la technologie à travers des exemples.</li> |
| + | <li><b>L’utilisation par le gouvernement du Canada </b>détaille les manières dont la technologie est couramment utilisée ou devrait être utilisée dans le contexte du gouvernement fédéral canadien lorsqu'elle va être disponible dans le commerce. L’intention de cette section est d’expliquer comment la technologie pourrait éventuellement bénéficier le gouvernement fédéral en ce qui concerne la prestation de services aux Canadiens à travers des exemples courts.</li> |
| + | <li>Les <b>répercussions pour Services Partagés Canada (SPC) </b>démontrent les avantages clairs et mesurables liés à l’utilisation de la technologie par Services Partagés Canada. Cette section comprend les sous-sections suivantes: |
| + | <ul> |
| + | <li>La <b>proposition de valeur </b>illustre les forces et les opportunités potentielles que SPC peut rencontrer en tirant parti de la technologie.</li> |
| + | <li>Les <b>difficultés </b>décrient les risques et les problèmes associés à la technologie, qui incluent à la fois des risques de mise en œuvre tels que le développement du produit ou des risques de solution en adoptant la technologie.</li> |
| + | <li>Les <b>considérations </b>présentes les recommandations que SPC pourrait avoir pour un autre ministère du gouvernement du Canada qui souhaite adopter et tirer parti de la technologie.</li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| | | |
− | <table class="wikitable"> | + | <h2>Processus de Développement</h2> |
− | <tr><th class="breadcrumb" colspan="2"><b>[[Comité_Consultatif_sur_le_Cadre_d%27Architecture|Comité Consultatif sur le Cadre d'Architecture]]</b><br><b>[[Architecture_Framework_Advisory_Committee|Architecture Framework Advisory Committee]]</b></th></tr>
| |
− | <tr><td colspan="2" class="logo">[[File:AFAC_FR_Logo.png|250px]]</td></tr>
| |
− | <tr><td colspan="2" class="news"><table><tr>
| |
− | <td>[[File:Traffic_cone.png|40px]]</td>
| |
− | <td class="newsText">Cette nouvelle section est maintenant disponible!</td>
| |
− | </tr></table></td></tr>
| |
− | </table>
| |
− | </div>
| |
− | -->
| |
| | | |
− | <p>Les <b>fiches technologiques</b> fournit au lecteur une courte description de chaque technologie, de son utilisation par l'industrie et le gouvernement du Canada, ainsi que de son impact éventuelle sur un ministère. Les contributions de tous sont les bienvenues pour le maintien, la mise à jour et l'amélioration de chaque fiche technologique.</p> | + | <p>Cette page est sujet à des mises à jours. On encourage toutes rétroactions. Veuillez utiliser la page de discussion pour apporter des commentaires et des suggestions. Une fois que cette version soit approuvée et finalisée, elle va être traduit.</p> |
| | | |
− | <p>La collaboration sur les fiches technologiques permettra de gagner du temps et d’économiser des efforts dans l’ensemble du gouvernement en évitant les dédoublement d’effort inutiles dans la documentation répétée du même contenu. Cela devrait accélérer la création de la feuille de route technologique par les ministères en faisant simplement référence à la documentation générale du GC sur les technologies.</p> | + | <div>[[File:Technology_Trends_-_Development_Process.png|center]]</div> |
| | | |
− | <h2>Page de Destination</h2>
| + | </div> |
| | | |
| + | <!-- |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
Line 77: |
Line 91: |
| <table class="wikitable landingPage"> | | <table class="wikitable landingPage"> |
| <tr><th class="breadcrumb" colspan="2"><b>[[Comité_Consultatif_sur_le_Cadre_d%27Architecture|Comité Consultatif sur le Cadre d'Architecture]]</b><br><b>[[Architecture_Framework_Advisory_Committee|Architecture Framework Advisory Committee]]</b></th></tr> | | <tr><th class="breadcrumb" colspan="2"><b>[[Comité_Consultatif_sur_le_Cadre_d%27Architecture|Comité Consultatif sur le Cadre d'Architecture]]</b><br><b>[[Architecture_Framework_Advisory_Committee|Architecture Framework Advisory Committee]]</b></th></tr> |
− | <!--<tr><td colspan="2" class="logo">[[File:AFAC_FR_Logo.png|250px]]</td></tr>--> | + | <tr><td colspan="2" class="logo">[[File:AFAC_FR_Logo.png|250px]]</td></tr> |
| <tr><td colspan="2" class="news"><table><tr> | | <tr><td colspan="2" class="news"><table><tr> |
| <td>[[File:Traffic_cone.png|40px]]</td> | | <td>[[File:Traffic_cone.png|40px]]</td> |
Line 84: |
Line 98: |
| </table> | | </table> |
| </div> | | </div> |
− | <!--
| + | |
| <div class="col-sm-4"> | | <div class="col-sm-4"> |
| <table class="wikitable landingPage"> | | <table class="wikitable landingPage"> |
Line 95: |
Line 109: |
| </table> | | </table> |
| </div> | | </div> |
− | -->
| + | |
| </div> | | </div> |
| </div> | | </div> |
| + | --> |
| | | |
− | <h2>Liste des Sujets</h2> | + | <div class="container"> |
| + | <div class="row"> |
| + | <div class="col-sm-12"> |
| + | <h2>Liste des Tendances Technologiques</h2> |
| | | |
− | <table class="wikitable sortable listTechnology"> | + | <table class="wikitable sortable technology-table"> |
− | <tr>
| + | <tr> |
− | <th>Nom</th>
| + | <th>Nom</th> |
− | <th>Name</th>
| + | <th>Name</th> |
− | <th>Statut</th>
| + | <th>Statut</th> |
− | <th>Version Initiale</th>
| + | <th>Version Initiale</th> |
− | <th>Mise à Jour</th>
| + | <th>Mise à Jour</th> |
− | <th>Publication Officielle</th>
| + | <th>Publication Officielle</th> |
− | <th>Official Publication</th>
| + | <th>Official Publication</th> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td>[[Tendances_Technologiques/Chaîne_de_Blocs|Chaîne de blocs]]</td>
| + | <td>[[Tendances_Technologiques/Chaîne_de_Blocs|Chaîne de blocs]]</td> |
− | <td>[[Technology_Trends/Blockchain|Blockchain]]</td>
| + | <td>[[Technology_Trends/Blockchain|Blockchain]]</td> |
− | <td>Publié</td>
| + | <td>Publié</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>[[Media:FR_-_Tendances_Technologiques_-_Blockchain.pdf|Chaîne de Blocs.pdf]]</td>
| + | <td>[[Media:FR_-_Tendances_Technologiques_-_Blockchain.pdf|Chaîne de Blocs.pdf]]</td> |
− | <td>[[Media:EN_-_Technology_Trends_-_Blockchain.pdf|Blockchain.pdf]]</td>
| + | <td>[[Media:EN_-_Technology_Trends_-_Blockchain.pdf|Blockchain.pdf]]</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td>[[Tendances_Technologiques/Développement_d%27Application_LowCode|Développement d'Application LowCode]]</td>
| + | <td>[[Tendances_Technologiques/Développement_d%27Application_LowCode|Développement d'Application LowCode]]</td> |
− | <td>[[Technology_Trends/Low_Code_Application_Development|Low Code Application Development]]</td>
| + | <td>[[Technology_Trends/Low_Code_Application_Development|Low Code Application Development]]</td> |
− | <td>Publié</td>
| + | <td>Publié</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>[[Media:FR_-_Tendances_Technologiques_-_Développement_d%27Application_LowCode.pdf|Développement d'Application LowCode.pdf]]</td>
| + | <td>[[Media:FR_-_Tendances_Technologiques_-_Développement_d%27Application_LowCode.pdf|Développement d'Application LowCode.pdf]]</td> |
− | <td>[[Media:EN_-_Technology_Trends_-_Low_Code_Application_Development.pdf|Low Code Application Development.pdf]]</td>
| + | <td>[[Media:EN_-_Technology_Trends_-_Low_Code_Application_Development.pdf|Low Code Application Development.pdf]]</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td>[[Tendances_Technologiques/Drones|Drones]]</td>
| + | <td>[[Tendances_Technologiques/Drones|Drones]]</td> |
− | <td>[[Technology_Trends/Drones|Drones]]</td>
| + | <td>[[Technology_Trends/Drones|Drones]]</td> |
− | <td>Publié</td>
| + | <td>Publié</td> |
− | <td>2019-07-04</td>
| + | <td>2019-07-04</td> |
− | <td>2019-07-04</td>
| + | <td>2019-07-04</td> |
− | <td>[[Media:FR_-_Tendances_Technologiques_-_Drones.pdf|Drones.pdf]]</td>
| + | <td>[[Media:FR_-_Tendances_Technologiques_-_Drones.pdf|Drones.pdf]]</td> |
− | <td>[[Media:EN_-_Technology_Trends_-_Drones.pdf|Drones.pdf]]</td>
| + | <td>[[Media:EN_-_Technology_Trends_-_Drones.pdf|Drones.pdf]]</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td>[[Tendances_Technologiques/Internet_des_Objets|Internet des Objets]]</td>
| + | <td>[[Tendances_Technologiques/Internet_des_Objets|Internet des Objets]]</td> |
− | <td>[[Technology_Trends/Internet_of_Things|Internet of Things]]</td>
| + | <td>[[Technology_Trends/Internet_of_Things|Internet of Things]]</td> |
− | <td>Publié</td>
| + | <td>Publié</td> |
− | <td>2019-07-04</td>
| + | <td>2019-07-04</td> |
− | <td>2019-07-04</td>
| + | <td>2019-07-04</td> |
− | <td>[[Media:FR_-_Tendances_Technologiques_-_Internet_des_Objets.pdf|Internet des Objets.pdf]]</td>
| + | <td>[[Media:FR_-_Tendances_Technologiques_-_Internet_des_Objets.pdf|Internet des Objets.pdf]]</td> |
− | <td>[[Media:EN_-_Technology_Trends_-_Internet_of_Things.pdf|Internet of Things.pdf]]</td>
| + | <td>[[Media:EN_-_Technology_Trends_-_Internet_of_Things.pdf|Internet of Things.pdf]]</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td>[[Tendances_Technologiques/Ouvert_par_Défaut|Ouvert par Défaut]]</td>
| + | <td>[[Tendances_Technologiques/Ouvert_par_Défaut|Ouvert par Défaut]]</td> |
− | <td>[[Technology_Trends/Open_by_Default|Open by Default]]</td>
| + | <td>[[Technology_Trends/Open_by_Default|Open by Default]]</td> |
− | <td>Publié</td>
| + | <td>Publié</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>[[Media:FR_-_Tendances_Technologiques_-_Ouvert_par_Défaut.pdf|Ouvert par Défaut.pdf]]</td>
| + | <td>[[Media:FR_-_Tendances_Technologiques_-_Ouvert_par_Défaut.pdf|Ouvert par Défaut.pdf]]</td> |
− | <td>[[Media:EN_-_Technology_Trends_-_Open_by_Default.pdf|Open by Default.pdf]]</td>
| + | <td>[[Media:EN_-_Technology_Trends_-_Open_by_Default.pdf|Open by Default.pdf]]</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td>[[Tendances_Technologiques/Réseaux_Zéro_Confiance|Réseaux Zéro Confiance]]</td>
| + | <td>[[Tendances_Technologiques/Réseaux_Zéro_Confiance|Réseaux Zéro Confiance]]</td> |
− | <td>[[Technology_Trends/Zero_Trust_Network|Zero Trust Network]]</td>
| + | <td>[[Technology_Trends/Zero_Trust_Network|Zero Trust Network]]</td> |
− | <td>Publié</td>
| + | <td>Publié</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>2019-05-23</td>
| + | <td>2019-05-23</td> |
− | <td>[[Media:FR_-_Tendances_Technologiques_-_Réseaux_Zéro_Confiance.pdf|Réseaux Zéro Confiance.pdf]]</td>
| + | <td>[[Media:FR_-_Tendances_Technologiques_-_Réseaux_Zéro_Confiance.pdf|Réseaux Zéro Confiance.pdf]]</td> |
− | <td>[[Media:EN_-_Technology_Trends_-_Zero_Trust_Network.pdf|Zero Trust Network.pdf]]</td>
| + | <td>[[Media:EN_-_Technology_Trends_-_Zero_Trust_Network.pdf|Zero Trust Network.pdf]]</td> |
− | </tr>
| + | </tr> |
− | </table> | + | </table> |
− | | + | </div> |
− | <h2>Format</h2>
| + | </div> |
− | | + | </div> |
− | <p>Chaque résumé technologique suit un modèle standard :</p>
| |
− | | |
− | <ul>
| |
− | <li>Le <b>sommaire opérationel </b>décrit l’aspect commercial de la technologie en offrant une compréhension de haut niveau, son origine et ses utilisations.</li>
| |
− | <li>Le <b>sommaire technique </b>donne une description détaillée de la technologie. Cette partie se concentre sur les aspects techniques les plus importants de la technologie sans trop entrer dans les détails.</li>
| |
− | <li><b>L'utilisation par l'industrie </b>permet de comprendre comment la technologie est présentement utilisée ou devrait être utilisée dans l'industrie lorsqu'elle va être disponible dans le commerce. Cette section clarifie les avantages de la technologie à travers des exemples.</li>
| |
− | <li><b>L’utilisation par le gouvernement du Canada </b>détaille les manières dont la technologie est couramment utilisée ou devrait être utilisée dans le contexte du gouvernement fédéral canadien lorsqu'elle va être disponible dans le commerce. L’intention de cette section est d’expliquer comment la technologie pourrait éventuellement bénéficier le gouvernement fédéral en ce qui concerne la prestation de services aux Canadiens à travers des exemples courts.</li>
| |
− | <li>Les <b>répercussions pour Services Partagés Canada (SPC) </b>démontrent les avantages clairs et mesurables liés à l’utilisation de la technologie par Services Partagés Canada. Cette section comprend les sous-sections suivantes:
| |
− | <ul>
| |
− | <li>La <b>proposition de valeur </b>illustre les forces et les opportunités potentielles que SPC peut rencontrer en tirant parti de la technologie.</li>
| |
− | <li>Les <b>difficultés </b>décrient les risques et les problèmes associés à la technologie, qui incluent à la fois des risques de mise en œuvre tels que le développement du produit ou des risques de solution en adoptant la technologie.</li>
| |
− | <li>Les <b>considérations </b>présentes les recommandations que SPC pourrait avoir pour un autre ministère du gouvernement du Canada qui souhaite adopter et tirer parti de la technologie.</li>
| |
− | </ul> | |
− | </li> | |
− | </ul> | |
| | | |
| [[Category:Architecture]] | | [[Category:Architecture]] |
Line 189: |
Line 192: |
| | | |
| {{#css: | | {{#css: |
− | .listTechnology{ | + | .technology-table{ |
| width: 100%; | | width: 100%; |
| margin: auto; | | margin: auto; |
Line 196: |
Line 199: |
| th, td{ | | th, td{ |
| text-align: center; | | text-align: center; |
− | }
| |
− |
| |
− | .description{
| |
− | width: 25%;
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | .sidetable{
| |
− | float: right;
| |
| } | | } |
| | | |
Line 243: |
Line 237: |
| | | |
| .container{ | | .container{ |
| + | width: 100%; |
| + | display: block; |
| + | } |
| + | |
| + | .row{ |
| width: 100%; | | width: 100%; |
| display: table; | | display: table; |
− | content: " ";
| + | content: " "; |
| + | } |
| + | |
| + | .col-sm-1, |
| + | .col-sm-2, |
| + | .col-sm-3, |
| + | .col-sm-4, |
| + | .col-sm-5, |
| + | .col-sm-6, |
| + | .col-sm-7, |
| + | .col-sm-8, |
| + | .col-sm-9, |
| + | .col-sm-10, |
| + | .col-sm-11, |
| + | .col-sm-12 { float: left; } |
| + | |
| + | .col-sm-1 { width: 8.333333333%; } |
| + | .col-sm-2 { width: 16.66666666%%; } |
| + | .col-sm-3 { width: 25%; } |
| + | .col-sm-4 { width: 33.333333333333%; } |
| + | .col-sm-5 { width: 41.6666666666%; } |
| + | .col-sm-6 { width: 50%; } |
| + | .col-sm-7 { width: 58.333333333%; } |
| + | .col-sm-8 { width: 66.66666666666%; } |
| + | .col-sm-9 { width: 75%; } |
| + | .col-sm-10 { width: 83.33333333333%; } |
| + | .col-sm-11 { width: 91.6666666666%; } |
| + | .col-sm-12 { width: 100%; } |
| + | |
| + | .sideTable { |
| + | width: 27.5%; |
| + | float: right; |
| + | } |
| + | |
| + | .navigation-section { |
| clear: both; | | clear: both; |
| + | width: 95%; |
| + | margin-left: 2.5%; |
| + | margin-right: 2.5%; |
| } | | } |
| | | |
− | .row{ | + | .navigation-table { |
| width: 100%; | | width: 100%; |
| } | | } |
| | | |
− | .col-sm-4{ | + | .inverse-direction { |
− | width: 33.333333%;
| + | float: right; |
− | float:left; | |
| } | | } |
| | | |
− | .landingPage{ | + | .nav-tab { |
− | width: 90%; | + | width: 100%; |
− | margin: auto; | + | margin-top: 0px; |
| + | padding-top: 0px; |
| } | | } |
| | | |
Line 269: |
Line 305: |
| } | | } |
| | | |
− | .col-sm-4{ | + | .sideTable { |
| + | clear: both; |
| width: 100%; | | width: 100%; |
| + | margin-left: 0%; |
| + | margin-right: 0%; |
| + | } |
| + | |
| + | .navigation-section { |
| clear: both; | | clear: both; |
− | margin: auto; | + | width: 100%; |
| + | margin-left: 0%; |
| + | margin-right: 0%; |
| } | | } |
| | | |
| /* | | /* |
− | .container{ width: 100%; margin-left: 0px; margin-right: 0px; display: block;} | + | .navigation-table { |
| + | width: 30%; |
| + | margin-left: 1.6666666%; |
| + | margin-right: 1.6666666%; |
| + | float: left; |
| + | } |
| */ | | */ |
| + | |
| + | .content-section { |
| + | float: left; |
| + | } |
| + | |
| + | .inverse-direction { |
| + | clear: both; |
| + | } |
| + | |
| + | .col-sm-1, |
| + | .col-sm-2, |
| + | .col-sm-3, |
| + | .col-sm-4, |
| + | .col-sm-5, |
| + | .col-sm-6, |
| + | .col-sm-7, |
| + | .col-sm-8, |
| + | .col-sm-9, |
| + | .col-sm-10, |
| + | .col-sm-11, |
| + | .col-sm-12 { clear: both; width: 100%; margin: auto; } |
| } | | } |
| | | |
| + | div>a>img { |
| + | width: 600px; |
| + | height: auto; |
| + | margin: auto; |
| + | } |
| + | |
| + | @media (max-width: 850px){ |
| + | |
| + | .navigation-section { |
| + | clear: both; |
| + | width: 100%; |
| + | margin-left: 0%; |
| + | margin-right: 0%; |
| + | } |
| + | |
| + | .navigation-table { |
| + | width: 100%; |
| + | margin-left: 0%; |
| + | margin-right: 0%; |
| + | clear: both; |
| + | } |
| + | } |
| }} | | }} |