Skip to content

GitLab

Commit 83781c32 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/index.html, public/assets/img/knight_overview.png

parent 2f557824
Pipeline #9839 passed with stage
in 8 seconds
Show whitespace changes
Inline Side-by-side
public/index.html
View file @ 83781c32
......@@ -9,8 +9,8 @@
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/logo_fav.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
<link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
......@@ -39,10 +39,8 @@
<body class="index-page">
<header id="header" class="header d-flex align-items-center fixed-top">
<!-- <div class="container-fluid container-xl position-relative d-flex align-items-center"> -->
<div id="leftBorder" class="col-lg-1 col-md-1 col-sm-1 ">
<img src="assets/img/dummy.png" alt="">
</div>
<div class="container-fluid container-xl position-relative d-flex align-items-center">
<a href="index.html" class="logo d-flex align-items-center me-auto">
<!-- Uncomment the line below if you also wish to use an image logo-->
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
......@@ -129,7 +127,7 @@
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-out">
<img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="img-fluid animated" alt="">
</div>
</div>
</div>
......@@ -144,11 +142,19 @@
<div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
<div class="content">
<h3>Who We Are</h3>
<h2>Expedita voluptas omnis cupiditate totam eveniet nobis sint iste. Dolores est repellat corrupti reprehenderit.</h2>
<p>
Quisquam vel ut sint cum eos hic dolores aperiam. Sed deserunt et. Inventore et et dolor consequatur itaque ut voluptate sed et. Magnam nam ipsum tenetur suscipit voluptatum nam et est corrupti.
</p>
<h3>KNIGHT</h3>
<p>Im neuen Forschungsprojekt KNIGHT an der HFT Stuttgart wird erforscht, wie Lernprozesse automatisiert unterstützt werden können, aber auch, wie das Lehrpersonal
von administrativen Aufgaben und Beratung entlastet werden kann.</p>
<p> Das <a href="https://www.hft-stuttgart.de/forschung/struktur/kompetenzzentren/digitalisierung-in-forschung-lehre-wirtschaft" target="_blank">Zentrum für
Digitalisierung in Forschung, Lehre und Wirtschaft (ZeDFLoW)</a> an der HFT Stuttgart setzt sich intensiv mit der Digitalisierung der Lehre auseinander. Im Fokus
des Projekts KNIGHT stehen zum einen die Individualisierung der studentischen Lernprozesse sowie die Unterstützung der Lehrenden in ihren Betreuungsaufgaben und zum
anderen der Aufbau von Kompetenzen, die den vertrauenswürdigen und kompetenten Einsatz der KI-Technologie fördern. Das <a href="https://www.hft-stuttgart.de/
forschung/struktur/kompetenzzentren/nachhaltiges-wirtschaften-und-management" target="_blank">Zentrum für Nachhaltiges Wirtschaften und Management (ZNWM)</a> an der
HFT Stuttgart stellt in KNIGHT die Einhaltung ethischer, juristischer und datenschutzrechtlicher Aspekte sicher.</p>
<p>Eine kompetenzorientierte Rahmung bildet den Kontext, an dem Bildungsanliegen, KI-Maßnahmen, Lernaktivitäten und Feedbackprozesse ausgerichtet werden. Ethische
Richtlinien gewährleisten transparente Prozesse und sichern so den verantwortungsbewussten Umgang mit sensiblen, personenbezogenen Daten. Zudem sollen spezifische
KI-Lehrangebote aufgebaut werden. Die Aktivitäten und Ergebnisse werden über bestehende und neue Netzwerke in Wirtschaft und Gesellschaft transferiert.</p>
<div class="text-center text-lg-start">
<a href="#" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center">
<span>Read More</span>
......@@ -159,7 +165,7 @@
</div>
<div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
<img src="assets/img/knight_overview.png" class="img-fluid" alt="">
</div>
</div>
......@@ -920,32 +926,7 @@
</section><!-- /Values Section -->
<!-- Stats Section -->
<section id="stats" class="stats section">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4">
<div class="col-lg-3 col-md-6">
<div class="stats-item d-flex align-items-center w-100 h-100">
<i class="bi bi-emoji-smile color-blue flex-shrink-0"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
<p>Happy Clients</p>
</div>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item d-flex align-items-center w-100 h-100">
<i class="bi bi-journal-richtext color-orange flex-shrink-0" style="color: #ee6c20;"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
<p>Projects</p>
</div>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item d-flex align-items-center w-100 h-100">
......@@ -1122,8 +1103,8 @@
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Services</h2>
<p>Check Our Services<br></p>
<h2>Resultss</h2>
<p>Check Our Results<br></p>
</div><!-- End Section Title -->
<div class="container">
......@@ -1190,180 +1171,8 @@
</section><!-- /Services Section -->
<!-- Pricing Section -->
<section id="pricing" class="pricing section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Pricing</h2>
<p>Check Our Affordable Pricing<br></p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="100">
<div class="pricing-tem">
<h3 style="color: #20c997;">Free Plan</h3>
<div class="price"><sup>$</sup>0<span> / mo</span></div>
<div class="icon">
<i class="bi bi-box" style="color: #20c997;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li class="na">Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="200">
<div class="pricing-tem">
<span class="featured">Featured</span>
<h3 style="color: #0dcaf0;">Starter Plan</h3>
<div class="price"><sup>$</sup>19<span> / mo</span></div>
<div class="icon">
<i class="bi bi-send" style="color: #0dcaf0;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="300">
<div class="pricing-tem">
<h3 style="color: #fd7e14;">Business Plan</h3>
<div class="price"><sup>$</sup>29<span> / mo</span></div>
<div class="icon">
<i class="bi bi-airplane" style="color: #fd7e14;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="400">
<div class="pricing-tem">
<h3 style="color: #0d6efd;">Ultimate Plan</h3>
<div class="price"><sup>$</sup>49<span> / mo</span></div>
<div class="icon">
<i class="bi bi-rocket" style="color: #0d6efd;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
</div><!-- End pricing row -->
</div>
</section><!-- /Pricing Section -->
<!-- Faq Section -->
<section id="faq" class="faq section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>F.A.Q</h2>
<p>Frequently Asked Questions</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="faq-container">
<div class="faq-item faq-active">
<h3>Non consectetur a erat nam at lectus urna duis?</h3>
<div class="faq-content">
<p>Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?</h3>
<div class="faq-content">
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Dolor sit amet consectetur adipiscing elit pellentesque?</h3>
<div class="faq-content">
<p>Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
</div>
</div><!-- End Faq Column-->
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div class="faq-container">
<div class="faq-item">
<h3>Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?</h3>
<div class="faq-content">
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Tempus quam pellentesque nec nam aliquam sem et tortor consequat?</h3>
<div class="faq-content">
<p>Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Perspiciatis quod quo quos nulla quo illum ullam?</h3>
<div class="faq-content">
<p>Enim ea facilis quaerat voluptas quidem et dolorem. Quis et consequatur non sed in suscipit sequi. Distinctio ipsam dolore et.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
</div>
</div><!-- End Faq Column-->
</div>
</div>
</section><!-- /Faq Section -->
<!-- Portfolio Section -->
<section id="portfolio" class="portfolio section">
......@@ -1540,132 +1349,6 @@
</section><!-- /Portfolio Section -->
<!-- Testimonials Section -->
<section id="testimonials" class="testimonials section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Testimonials</h2>
<p>What they are saying about us<br></p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="swiper init-swiper">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 5000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
},
"breakpoints": {
"320": {
"slidesPerView": 1,
"spaceBetween": 40
},
"1200": {
"slidesPerView": 3,
"spaceBetween": 1
}
}
}
</script>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- /Testimonials Section -->
<!-- Team Section -->
<section id="team" class="team section">
......@@ -1762,179 +1445,9 @@
</section><!-- /Team Section -->
<!-- Clients Section -->
<section id="clients" class="clients section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Clients</h2>
<p>We work with best clients<br></p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="swiper init-swiper">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 5000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
},
"breakpoints": {
"320": {
"slidesPerView": 2,
"spaceBetween": 40
},
"480": {
"slidesPerView": 3,
"spaceBetween": 60
},
"640": {
"slidesPerView": 4,
"spaceBetween": 80
},
"992": {
"slidesPerView": 6,
"spaceBetween": 120
}
}
}
</script>
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- /Clients Section -->
<!-- Recent Posts Section -->
<section id="recent-posts" class="recent-posts section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Recent Posts</h2>
<p>Recent posts form our Blog</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-5">
<div class="col-xl-4 col-md-6">
<div class="post-item position-relative h-100" data-aos="fade-up" data-aos-delay="100">
<div class="post-img position-relative overflow-hidden">
<img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt="">
<span class="post-date">December 12</span>
</div>
<div class="post-content d-flex flex-column">
<h3 class="post-title">Eum ad dolor et. Autem aut fugiat debitis</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center">
<i class="bi bi-person"></i> <span class="ps-2">Julia Parker</span>
</div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center">
<i class="bi bi-folder2"></i> <span class="ps-2">Politics</span>
</div>
</div>
<hr>
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div><!-- End post item -->
<div class="col-xl-4 col-md-6">
<div class="post-item position-relative h-100" data-aos="fade-up" data-aos-delay="200">
<div class="post-img position-relative overflow-hidden">
<img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt="">
<span class="post-date">July 17</span>
</div>
<div class="post-content d-flex flex-column">
<h3 class="post-title">Et repellendus molestiae qui est sed omnis</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center">
<i class="bi bi-person"></i> <span class="ps-2">Mario Douglas</span>
</div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center">
<i class="bi bi-folder2"></i> <span class="ps-2">Sports</span>
</div>
</div>
<hr>
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div><!-- End post item -->
<div class="col-xl-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="post-item position-relative h-100">
<div class="post-img position-relative overflow-hidden">
<img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt="">
<span class="post-date">September 05</span>
</div>
<div class="post-content d-flex flex-column">
<h3 class="post-title">Quia assumenda est et veritati tirana ploder</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center">
<i class="bi bi-person"></i> <span class="ps-2">Lisa Hunter</span>
</div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center">
<i class="bi bi-folder2"></i> <span class="ps-2">Economics</span>
</div>
</div>
<hr>
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div><!-- End post item -->
</div>
</div>
</section><!-- /Recent Posts Section -->
<!-- Contact Section -->
<section id="contact" class="contact section">
......@@ -2034,22 +1547,7 @@
<footer id="footer" class="footer">
<div class="footer-newsletter">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-lg-6">
<h4>Join Our Newsletter</h4>
<p>Subscribe to our newsletter and receive the latest news about our products and services!</p>
<form action="forms/newsletter.php" method="post" class="php-email-form">
<div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div>
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your subscription request has been sent. Thank you!</div>
</form>
</div>
</div>
</div>
</div>
<div class="container footer-top">
<div class="row gy-4">
......@@ -2066,36 +1564,7 @@
</div>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Our Services</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#">Web Design</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Web Development</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Product Management</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Marketing</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-12">
<h4>Follow Us</h4>
<p>Cras fermentum odio eu feugiat lide par naso tierra videa magna derita valies</p>
<div class="social-links d-flex">
<a href=""><i class="bi bi-twitter-x"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

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