Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 27 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 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
hdastageeri's avatar
Update index.html    
hdastageeri committed
7 
    <title>GeoVisuallisierung</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 
              <h4 class="text-white">Kurzbeschreibung</h4>
hdastageeri's avatar
Update index.html    
hdastageeri committed
28 
              <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. </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
Anpassung Titel    
hdastageeri committed
65 
          <h1>Best of 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.</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
84 
<!-- ------------------------------------------------------------------------------------------------------------------------------- -->
<!-- ÄNDERUNGEN NUR AB HIER VORNEHMEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
85
86 

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

            <!-- BEISPIEL 1 -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
92 
            <div class="col-md-4">
Samuel Mergenthaler's avatar
add entry for bike sharing dashboard    
Samuel Mergenthaler committed
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114 
                <div class="card mb-4 shadow-sm extension">
                    <h5>Bike-Sharing Dashboard</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="bike-sharing-london-dashboard-nodejs-react/imgs/map-view.png" alt="">
                    <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
                    <div class="card-body">
                        <p class="card-text">Londoner Bike-Sharing Daten, mit Node.js Server vorbereitet und in React-Frontend visualisiert.</p>
                    </div>
                    <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                        <div class="btn-group">
                            <form action="https://transfer.hft-stuttgart.de/gitlab/hdastageeri/geovis21/-/blob/master/public/bike-sharing-london-dashboard-nodejs-react" class="form-signin" method="GET">
                                <button type="submit" class="btn btn-sm btn-outline-secondary">GIT</button>
                            </form>
                            <!--
                            <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                              <button type="submit" class="btn btn-sm btn-outline-secondary">YouTube</button>
                            </form>
                            -->
                        </div>
                        <!-- <small class="text-muted">9 mins</small> -->
                    </div>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
115
116 
                </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
117
hdastageeri's avatar
Update index.html    
hdastageeri committed
118
hdastageeri's avatar
Update index.html    
hdastageeri committed
119
hdastageeri's avatar
Update index.html    
hdastageeri committed
120 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
121 
            <!-- 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
122 
            <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
123 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
124 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
125 
                <!-- <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
126
127 
                <!-- 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
128 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
129 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
130 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
131
132
133 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
134
135
136
137 
                   <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
138 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
139
140
141
142
143
144 
                      <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
145
146
147
148
149 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
150
151
152 


            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
153 
            <!-- 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
154 
  <div class="col-md-4">
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
155 
              <div class="card mb-4 shadow-sm extension">
hdastageeri's avatar
Update index.html    
hdastageeri committed
156 
                <h5>Titel Beispielprojekt</h5>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
157 
                <!-- <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
158
159 
                <!-- 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
160 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
161 
                <div class="card-body">
hdastageeri's avatar
Update index.html    
hdastageeri committed
162 
                  <p class="card-text">Beschreibungstext hier einfügen...</p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
163
164
165 
                </div>
                <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                  <div class="btn-group">
hdastageeri's avatar
Update index.html    
hdastageeri committed
166
167
168
169
170
171
172
173 
                   <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
174 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
175
176 
                      <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
177
178
179
180
181 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
182
183
184
185
186
187
188
189 
  
  
   <!-- 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
190 
            <!-- 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
191
192
193
194
195
196 
            <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
197 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
198
199
200
201
202 
                <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
203
204
205
206
207
208
209
210 
                   <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
211 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
212
213 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
214
215
216
217
218 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
219
220
hdastageeri's avatar
Update index.html    
hdastageeri committed
221 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
222 
            <!-- 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
223
224
225
226
227
228 
            <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
229 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
230
231
232
233
234 
                <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
235
236
237
238
239
240
241
242 
                   <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
243 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
244
245 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
246
247
248
249
250
251
252
253 
                  </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
254 
            <!-- 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
255
256
257
258
259
260 
  <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
261 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
262
263
264
265
266
267 
                <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
268
269
270
271
272
273
274
275
276
277 
                      <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
278
279
280
281
282
283 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
284
285
286
287 
<!-- 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
288
hdastageeri's avatar
Update index.html    
hdastageeri committed
289 
            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
290 
            <!-- 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
291
292
293
294
295
296 
            <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
297 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
298
299
300
301
302 
                <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
303
304
305
306
307
308
309
310 
                   <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
311 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
312
313 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
314
315
316
317
318 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>
hdastageeri's avatar
Update index.html    
hdastageeri committed
319
hdastageeri's avatar
Update index.html    
hdastageeri committed
320
321 

            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
322 
            <!-- 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
323
324
325
326
327
328 
            <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
329 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
330
331
332
333
334
335 
                <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
336
337
338
339
340
341
342
343
344
345 
                      <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
346
347
348
349
350
351
352
353 
                  </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
354 
            <!-- 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
355
356
357
358
359
360 
  <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
361 
                <!-- Beschreibungstext bitte möglichst kurz halten, bspw. 100 Zeichen -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
362
363
364
365
366 
                <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
367
368
369
370
371
372
373
374 
                   <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
375 
                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
hdastageeri's avatar
Update index.html    
hdastageeri committed
376
377 
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Website</button>
                    </form>
hdastageeri's avatar
Update index.html    
hdastageeri committed
378
379
380
381
382
383
384
385
386
387
388
389
390 
                  </div>
                  <!-- <small class="text-muted">9 mins</small> -->
                </div>
              </div>
            </div>

 
 
 
 
 
 <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
 <!-- --------------------------------------------------------------------------------------------------------------------------------- -->
hdastageeri's avatar
Update index.html    
hdastageeri committed
391
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
392
393
394 
          </div>
        </div>
      </div>
hdastageeri's avatar
Übernahme von SS-Design in index.html    
hdastageeri committed
395
396
397
398
399
400
401
402
403
404 
  
      <!-- <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
405
406
407
408
409 
    <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
410 
        <p><!-- ggf. Copyrights hier einfügen --></p>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
411
412 
      </div>
    </footer>
Wolfgang Knopki's avatar
initial Template complete    
Wolfgang Knopki committed
413 
  <script src="settings.js"> </script>
hdastageeri's avatar
Design(SS)-Anpassung für index.html    
hdastageeri committed
414
415
416
417
418
419
420
421
422 
  <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
423
424
425 
  </body>
</html>

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