Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 20.2 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 
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
96 
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
97 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
98 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
99
100
101 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
102 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
103 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
104
105
106
107
108
109 
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
110
hdastageeri's avatar
Update index.html    
hdastageeri committed
111
112
113 
<!-- ------------------------------------------------------------------------------------------------------------------------------- -->
<!-- ÄNDERUNGEN NUR AB HIER VORNEHMEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
114 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
115 
            <!-- 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
116 
            <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
117 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
118 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
119 
                <!-- <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
120
121 
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
122 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
123 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
124
125
126 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
127
128
129 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
130
131
132
133
134 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
135
136
137 


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
138 
  <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
139 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
140 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
141 
                <!-- <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
142
143 
                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
144 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
145 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
146
147
148 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
149
150
151 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
152
153
154
155
156 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183 
  
  
   <!-- 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 -->
            <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="">
                <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">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
184
185
hdastageeri's avatar
Update index.html    
hdastageeri committed
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
            <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="">
                <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">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
  <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="">
                <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">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
229
230
231
232 
<!-- 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
233
hdastageeri's avatar
Update index.html    
hdastageeri committed
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
            <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="">
                <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">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
254
hdastageeri's avatar
Update index.html    
hdastageeri committed
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305 

            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
            <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="">
                <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">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
  <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="">
                <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">
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                    </form>                   
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>

 
 
 
 
 
 <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
 <!-- --------------------------------------------------------------------------------------------------------------------------------- -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
306
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
307
308
309 
          </div>
        </div>
      </div>
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
310
311
312
313
314
315
316
317
318
319 
  
      <!-- <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
320
321
322
323
324 
    <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
325 
        <p><!-- ggf. Copyrights hier einfügen --></p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
326
327 
      </div>
    </footer>
Wolfgang Knopki's avatar
initial Template complete    
Wolfgang Knopki committed
328 
  <script src="settings.js"> </script>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
329
330
331
332
333
334
335
336
337 
  <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
338
339
340 
  </body>
</html>

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