Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 27.1 KB
Newer Older
GitLab's avatar
Initial template creation  
GitLab committed
1
2
3
4 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
hdastageeri's avatar
Anpassung index.html    
hdastageeri committed
5
6
7 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">    
    <title>GeoVisuallisierung WS 20/21</title>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
8
9 
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
10
11 
    <!-- <title>Home</title> -->
    <!-- <link rel="stylesheet" href="style.css">     -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
12
13
14
15
16 
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
  integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <link href="css/main.css" rel="stylesheet">
  </head>
  <body>
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
17
18
19
20
21 
    <!-- <div id="topbar">
        <div id="menu" class="navbar"></div>
    </div> -->
    <div class="content">
       <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
22
23
24
25
26 
    <header>
      <div class="collapse navbar-light" id="navbarHeader">
        <div class="container">
          <div class="row">
            <div class="col-sm-8 col-md-7 py-4">
hdastageeri's avatar
Anpassung index.html    
hdastageeri committed
27
28 
              <h4 class="text-white">Kurzbeschreibung</h4>
              <p class="text-white">Projektpräsentation der Vorlesung GeoVisualisierung von Prof. Dr. Volker Coors der Studierenden des 3. Semesters Informationslogistik und des 5./6. Semesters Informatik vom WS 20/21. </p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
29
30
31
32
33
34 
            </div>
            <div class="col-sm-4 offset-md-1 py-4">
              <h4 class="text-white">Contact</h4>
              <ul class="list-unstyled">
                <!-- <li><a href="#" class="text-white">Follow on Twitter</a></li> -->
                <!-- <li><a href="#" class="text-white">Like on Facebook</a></li> -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
35 
                <li><a href="mailto:habiburrahman.dastageeri@hft-stuttgart.de">Email me</a></li>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
36
37
38 
              </ul>
            </div>
          </div>
Wolfgang Knopki's avatar
initial Template complete    
Wolfgang Knopki committed
39 
        </div>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
40
41
42
43
44
45
46
47
48
49
50
51 
      </div>
      <div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
        <div class="container d-flex justify-content-between">
          <a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center">
            <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
            <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->            
            <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="hftlogo" width="100px" alt="wind">
            <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind"> -->
            <i class="fas fa-wind"></i>
            <!-- <strong>UrbanVIS</strong> -->
            <h1 id='projectname'></h1> 
          </a>
hdastageeri's avatar
Update index.html    
hdastageeri committed
52 
          <div id="UrbanVisTitle"> GeoVisualisierung</div>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
53
54
55
56
57
58
59
60
61
62
63 
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
            aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
        </div>
      </div>
    </header>
    <main role="main">
      <section class="jumbotron text-center">
        <div class="container">
          <!-- <h1>A platform for urban CFD</h1> -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
64 
          <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind"> -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
65 
          <h1>Abschlussarbeiten GeoVisualisierung</h1>
hdastageeri's avatar
Update index.html    
hdastageeri committed
66 
          <p class="lead text-muted">Hier finden Sie eine Auswahl der Abschlussarbeiten zur Vorlesung GeoVisualisierung vom WS 20/21.</p>
hdastageeri's avatar
Update index.html    
hdastageeri committed
67 
          <p>Die Vorlesung GeoVisualisierung findet im Rahmen der Studiengänge Informationslogistik und Informatik bei Prof. Dr. Volker Coors an der Hochschule für Technik Stuttgart statt.
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
68
69
70 
          <!-- <p>
            <a href="https://www.hft-stuttgart.de/forschung/i-city" class="btn btn-primary my-2 myBtn">iCity Project <br> at HFT</a>
            <a href="http://icity.hft-stuttgart.de/hftsmartplatform/" class="btn btn-primary my-2 myBtn">iCity Smart
hdastageeri's avatar
Update index.html    
hdastageeri committed
71 
              Cities<br> Platform</a>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
72 
          </p> -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
73 
          <!-- falls Button zukünftig benötigt wird
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
74
75
76 
          <p>
            <a href="publications.html" class="btn btn-secondary my-2 myBtn">iCity Publications</a>
          </p>
hdastageeri's avatar
Update index.html    
hdastageeri committed
77 
          -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
78
79 
        </div>
      </section>
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
80
hdastageeri's avatar
Anpassung index.html    
hdastageeri committed
81
82
hdastageeri's avatar
Update index.html    
hdastageeri committed
83
hdastageeri's avatar
Update index.html    
hdastageeri committed
84
85 

  <!-- 1. ZEILE DER PROJEKTÜBERSICHT -->
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
86 
      <div class="album py-5 bg-light topDownPadding">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
87
88 
        <div class="container">
          <div class="row">
hdastageeri's avatar
Update index.html    
hdastageeri committed
89
90 

            <!-- BEISPIEL 1 -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
91
92 
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
93 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
94 
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
95
hdastageeri's avatar
Update index.html    
hdastageeri committed
96 
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
97 
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
98 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
99 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
100 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
101 
                </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
102 
                <!-- Hier die Links hinzufügen -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
103
104 
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
105 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
106 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
hdastageeri's avatar
Update index.html    
hdastageeri committed
107 
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
108 
                    &nbsp;
hdastageeri's avatar
Update index.html    
hdastageeri committed
109 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
110
111
112
113
114
115 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
116
117
118
119
120 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
121
hdastageeri's avatar
Update index.html    
hdastageeri committed
122
123
124 
<!-- ------------------------------------------------------------------------------------------------------------------------------- -->
<!-- ÄNDERUNGEN NUR AB HIER VORNEHMEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
125 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
126 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
127 
            <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
128 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
129 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
130 
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
131
132 
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
133 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
134 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
135 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
136
137
138 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
139
140
141
142 
                   <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
hdastageeri's avatar
Update index.html    
hdastageeri committed
143 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
144
145
146
147
148
149 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
150
151
152
153
154 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
155
156
157 


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
158 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
159 
  <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
160 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
161 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
162 
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
163
164 
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
165 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
166 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
167 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
168
169
170 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
171
172
173
174
175
176
177
178 
                   <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
hdastageeri's avatar
Update index.html    
hdastageeri committed
179 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
180
181 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
182
183
184
185
186 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
187
188
189
190
191
192
193
194 
  
  
   <!-- 2. ZEILE DER PROJEKTÜBERSICHT -->
      <div class="album py-5 bg-light topDownPadding">
        <div class="container">
          <div class="row">

            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
195 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
196
197
198
199
200
201 
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</h5>
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
202 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
203
204
205
206
207 
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
208
209
210
211
212
213
214
215 
                   <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
hdastageeri's avatar
Update index.html    
hdastageeri committed
216 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
217
218 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
219
220
221
222
223 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
224
225
hdastageeri's avatar
Update index.html    
hdastageeri committed
226 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
227 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
228
229
230
231
232
233 
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</h5>
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
234 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
235
236
237
238
239 
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
240
241
242
243
244
245
246
247 
                   <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
hdastageeri's avatar
Update index.html    
hdastageeri committed
248 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
249
250 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
251
252
253
254
255
256
257
258 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
259 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
260
261
262
263
264
265 
  <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</h5>
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
266 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
267
268
269
270
271
272 
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
273
274
275
276
277
278
279
280
281
282 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
283
284
285
286
287
288 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
289
290
291
292 
<!-- 3. ZEILE DER PROJEKTÜBERSICHT -->
      <div class="album py-5 bg-light topDownPadding">
        <div class="container">
          <div class="row">
hdastageeri's avatar
Update index.html    
hdastageeri committed
293
hdastageeri's avatar
Update index.html    
hdastageeri committed
294 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
295 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
296
297
298
299
300
301 
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</h5>
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
302 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
303
304
305
306
307 
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
308
309
310
311
312
313
314
315 
                   <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
hdastageeri's avatar
Update index.html    
hdastageeri committed
316 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
317
318 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
319
320
321
322
323 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
324
hdastageeri's avatar
Update index.html    
hdastageeri committed
325
326 

            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
327 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
328
329
330
331
332
333 
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</h5>
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
334 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
335
336
337
338
339
340 
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
341
342
343
344
345
346
347
348
349
350 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
351
352
353
354
355
356
357
358 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
359 
            <!-- WICHTIGER HINWEIS: DIESE GIT-PROJEKT IST QUELLOFFEN, BITTE KEINE PERSÖNLICHEN KEYS HIER VERWENDEN BZW. FALLS SIE PERSÖNLICHE KEYS VERWENDEN, DANN KANN AUF EINEN EXTERNEN SERVER VERLINKT WERDEN. -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
360
361
362
363
364
365 
  <div class="col-md-4">
              <div class="card mb-4 shadow-sm extension">
                <h5>Titel Beispielprojekt</h5>
                <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
366 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
367
368
369
370
371 
                <div class="card-body">
                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
372
373
374
375
376
377
378
379 
                   <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                    </form>  
                    &nbsp;
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                    </form>      
                     &nbsp;
hdastageeri's avatar
Update index.html    
hdastageeri committed
380 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
381
382 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
383
384
385
386
387
388
389
390
391
392
393
394
395 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>

 
 
 
 
 
 <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
 <!-- --------------------------------------------------------------------------------------------------------------------------------- -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
396
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
397
398
399 
          </div>
        </div>
      </div>
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
400
401
402
403
404
405
406
407
408
409 
  
      <!-- <br>
      <div class="d-flex justify-content-between align-items-center btnGroupDiv">
      <div class="btn-group">
        <form action="/debug" class="form-signin" method="GET">
          <button type="submit" class="btn btn-sm btn-outline-secondary ">DEBUG</button>
        </form>
      </div>
      </div> -->
    </main>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
410
411
412
413
414 
    <footer class="text-white">
      <div class="container">
        <p class="float-right">
          <a href="#">Back to top</a>
        </p>
hdastageeri's avatar
Update index.html    
hdastageeri committed
415 
        <p><!-- ggf. Copyrights hier einfügen --></p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
416
417 
      </div>
    </footer>
Wolfgang Knopki's avatar
initial Template complete    
Wolfgang Knopki committed
418 
  <script src="settings.js"> </script>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
419
420
421
422
423
424
425
426
427 
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
  integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
  crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
  integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
  crossorigin="anonymous"></script>
GitLab's avatar
Initial template creation  
GitLab committed
428
429
430 
  </body>
</html>

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