Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 21.9 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
Update index.html    
hdastageeri committed
104
105
106
107 
                    </form>  
                    <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
108
109
110
111
112 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
113
hdastageeri's avatar
Update index.html    
hdastageeri committed
114
115
116 
<!-- ------------------------------------------------------------------------------------------------------------------------------- -->
<!-- ÄNDERUNGEN NUR AB HIER VORNEHMEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
117 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
118 
            <!-- 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
119 
            <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
120 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
121 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
122 
                <!-- <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
123
124 
                <!-- 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
125 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
126 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
127
128
129 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
130
131
132 
                    <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
133
134
135
136
137 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
138
139
140 


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
141 
            <!-- 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
142 
  <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
143 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
144 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
145 
                <!-- <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
146
147 
                <!-- 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
148 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
149 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
150
151
152 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
153
154
155 
                    <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
156
157
158
159
160 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
161
162
163
164
165
166
167
168 
  
  
   <!-- 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
169 
            <!-- 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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188 
            <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
189
190
hdastageeri's avatar
Update index.html    
hdastageeri committed
191 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
192 
            <!-- 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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214 
            <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 -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
215 
            <!-- 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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235 
  <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
236
237
238
239 
<!-- 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
240
hdastageeri's avatar
Update index.html    
hdastageeri committed
241 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
242 
            <!-- 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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261 
            <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
262
hdastageeri's avatar
Update index.html    
hdastageeri committed
263
264 

            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
265 
            <!-- 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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287 
            <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 -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
288 
            <!-- 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
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315 
  <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
316
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
317
318
319 
          </div>
        </div>
      </div>
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
320
321
322
323
324
325
326
327
328
329 
  
      <!-- <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
330
331
332
333
334 
    <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
335 
        <p><!-- ggf. Copyrights hier einfügen --></p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
336
337 
      </div>
    </footer>
Wolfgang Knopki's avatar
initial Template complete    
Wolfgang Knopki committed
338 
  <script src="settings.js"> </script>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
339
340
341
342
343
344
345
346
347 
  <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
348
349
350 
  </body>
</html>

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