Skip to content

GitLab

Commit 5924155d authored by Varun Srivastava's avatar Varun Srivastava
Browse files

alignment fixed

parent 2440a30f
Hide whitespace changes
Inline Side-by-side
videoconference.html
View file @ 5924155d
......@@ -10,14 +10,16 @@
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Videokonferenzen.jpg" width="100%"></div>
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Videokonferenzen.jpg"
width="100%"></div>
</div>
</div>
</div>
......@@ -25,7 +27,8 @@
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 30px;">
<h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten für Videokonferenzen:</h4>
<h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten
für Videokonferenzen:</h4>
</div>
</div>
</div>
......@@ -33,22 +36,32 @@
<div class="d-flex justify-content-lg-center align-items-lg-start flex-row" style="margin-right: 35px;margin-left: 35px;"></div>
<div class="d-flex justify-content-lg-center align-items-lg-start flex-row"
style="margin-right: 35px;margin-left: 35px;"></div>
<div>
<div class="container">
<div class="row d-inline-flex flex-row justify-content-start align-items-start align-content-stretch align-self-stretch flex-wrap align-items-lg-start">
<div class="col-auto col-md-6 col-lg-4 text-center flex-column" style="padding-right: 5px;padding-left: 0px;margin-top: 15px;">
<h2 class="order-1 text-center" style="color: #708090;"><strong>Jitsi</strong><br></h2>
<p class="text-center order-2"><strong>Für alle Nutzer des Portals</strong><br><br></p>
<p class="text-left order-3">Videokonferenzen direkt im Browser<br>OpenSource System<br></p>
<ul class="text-left order-4">
<li>Telefonische Einwahl<br/></li>
<div
class="row flex-row justify-content-start align-items-start align-content-stretch align-self-stretch flex-wrap align-items-lg-start">
<div class="col-auto col-md-6 col-lg-6 text-center flex-column"
style="padding-right: 5px;padding-left: 0px;margin-top: 15px;">
<h2 class="text-center" style="color: #708090;"><strong>Jitsi</strong><br></h2>
<p class="text-center"><strong>Für alle Nutzer des Portals</strong><br><br></p>
<p class="text-left">Videokonferenzen direkt im Browser<br>OpenSource System<br></p>
<ul class="text-left">
<li>Telefonische Einwahl<br /></li>
<li>Desksharing</li>
<li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li>
</ul><a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#Jitsi_Text"><strong>Mehr Infos zu Jitsi</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center d-lg-flex align-self-center justify-content-md-center align-items-md-end justify-content-lg-center align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div>
</ul>
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center"
role="button"
style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#Jitsi_Text"><strong>Mehr Infos zu Jitsi</strong><i
class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a>
<a class="btn btn-primary text-center d-lg-flex align-self-center justify-content-md-center align-items-md-end justify-content-lg-center align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;"
href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a>
</div>
<!-- <div class="col-md-6 col-lg-4 text-center flex-column justify-content-between"
style="padding-right: 5px;padding-left: 5px;margin-top: 15px;">
<h2 class="text-center" style="color: #708090;"><strong>Adobe Connect</strong><br></h2>
......@@ -64,47 +77,70 @@
</ul><a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#AdobeConnect_Text"><strong>Mehr Infos zu Adobe Connect</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center align-self-center mx-auto" role="button" style="background-color: #E0001B;width: 309px;"
href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div> -->
<div
class="col-lg-4 text-center d-flex flex-column justify-content-center align-items-md-center" style="padding: 0;margin: 0;margin-right: 0px;margin-left: 0px;padding-right: 0px;padding-left: 5px;margin-top: 15px;">
<div class="col-lg-4 text-center d-flex flex-column justify-content-center align-items-md-center"
style="padding: 0;margin: 0;margin-right: 0px;margin-left: 0px;padding-right: 0px;padding-left: 5px;margin-top: 15px;">
<h2 class="text-center" style="color: #708090;"><strong>GoToMeeting</strong><br></h2>
<p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p>
<p class="text-left">Videokonferenzen mit Lizenzanfrage über die Verwaltung<br></p>
<ul class="text-left">
<li>Telefonische Einwahl<br/></li>
<li>Telefonische Einwahl<br /></li>
<li>Desksharing</li>
<li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li>
<li>Aufzeichnung von Konferenzen und<br/>Vorlesungen</li>
<li>Aufzeichnung von Konferenzen und<br />Vorlesungen</li>
<li>Max. 150 Teilnehmer gleichzeitig</li>
</ul><a class="btn btn-primary text-center d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-center align-items-lg-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#GoToMeeting_Text"><strong>Mehr Infos zu GoToMeeting</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center d-lg-flex flex-column justify-content-center align-items-center align-content-center align-items-lg-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
</ul>
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center"
role="button"
style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#GoToMeeting_Text"><strong>Mehr Infos zu GoToMeeting</strong><i
class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a>
<a class="btn btn-primary text-center d-lg-flex flex-column justify-content-center align-items-center align-content-center align-items-lg-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;"
href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a>
</div>
</div>
</div>
</div>
</div>
<div>
<div id="Jitsi_Text" style="background-color: #dadada;margin-top: 40px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #feffff;">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jitsi</strong></h2>
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center"
style="padding-top: 15px;color: #708090;"><strong>Jitsi</strong></h2>
</div>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
<p>Jitsi&nbsp;ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung von Chrome auf einem Desktopsystem oder Laptop.
Die Verwendung des Internet Explorers hierfür ist leider nicht möglich, da Jitsi über diesen nicht aufgerufen werden kann. Da die Daten-Hauptlast bei diesem System clientseitig getragen wird, raten wir von einer Nutzung auf
mobilen Endgeräten ab.&nbsp;<br/></p>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1"
style="background-color: #ffffff;">
<p>Jitsi&nbsp;ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es
ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung
von Chrome auf einem Desktopsystem oder Laptop.
Die Verwendung des Internet Explorers hierfür ist leider nicht möglich, da Jitsi über diesen
nicht aufgerufen werden kann. Da die Daten-Hauptlast bei diesem System clientseitig getragen
wird, raten wir von einer Nutzung auf
mobilen Endgeräten ab.&nbsp;<br /></p>
</div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2"
style="background-color: #ffffff;">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den&nbsp;<a href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten der HFT Stuttgart</a>&nbsp;(Intranet).<br/><br/><strong>Eine Anleitung zur Nutzung von Jitsi finden Sie in unserem <a href="/help/jitsi.html"> Hilfebereich </a> </strong>
<p
class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den&nbsp;<a
href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten
der HFT Stuttgart</a>&nbsp;(Intranet).<br /><br /><strong>Eine Anleitung zur Nutzung
von Jitsi finden Sie in unserem <a href="/help/jitsi.html"> Hilfebereich </a>
</strong>
</p>
</div><a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div>
</div><a
class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;"
href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das
Transferportal</strong></a>
</div>
</div>
</div>
</div>
......@@ -131,24 +167,41 @@
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #ffffff;">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>GoToMeeting</strong></h2>
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center"
style="padding-top: 15px;color: #708090;"><strong>GoToMeeting</strong></h2>
</div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
<p>Auch über den Dienst GoToMeeting können Webkonferenzen<br/>abgehalten werden. <br/>Für eine Nutzungsanfrage wenden Sie sich bitte an <a href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>.<br/></p>
<p>Auch über den Dienst GoToMeeting können Webkonferenzen<br />abgehalten werden. <br />Für eine
Nutzungsanfrage wenden Sie sich bitte an <a
href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>.<br />
</p>
</div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;">
<div class="order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Aktuelle Informationen und Tutorials zu GoToMeeting finden Sie auf den<a href="https://confluence.hft-stuttgart.de/display/DZ/Anleitung+GoToMeeting">Confluence-Seiten der HFT Stuttgart&nbsp;(Intranet).</a></p>
</div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
<p
class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu GoToMeeting finden Sie auf den<a
href="https://confluence.hft-stuttgart.de/display/DZ/Anleitung+GoToMeeting">Confluence-Seiten
der HFT Stuttgart&nbsp;(Intranet).</a></p>
</div><a
class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto"
role="button" style="background-color: #E0001B;"
href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin
anfragen</strong></a>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
</body>
</html>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal