diff --git a/assets/artificial-intelligence-3382509_1920.png b/assets/artificial-intelligence-3382509_1920.png new file mode 100644 index 0000000..aa4c58b Binary files /dev/null and b/assets/artificial-intelligence-3382509_1920.png differ diff --git a/assets/css.png b/assets/css.png new file mode 100644 index 0000000..6e4b8eb Binary files /dev/null and b/assets/css.png differ diff --git a/assets/html.png b/assets/html.png new file mode 100644 index 0000000..460b692 Binary files /dev/null and b/assets/html.png differ diff --git a/assets/js.png b/assets/js.png new file mode 100644 index 0000000..aef0e2b Binary files /dev/null and b/assets/js.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..082cec4 --- /dev/null +++ b/index.html @@ -0,0 +1,268 @@ + + + + + + + + + + + + + + + + + + + + + + Viper Projekte + + + + + + + + +
+

Projekte

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Magnam dicta + totam ratione nostrum aperiam quasi corrupti quisquam a qui debitis, + ipsa aliquam rerum dolorum provident consequuntur ea, iusto + exercitationem! Eius eaque animi quae quia praesentium, corporis + assumenda hic dolores voluptatibus porro impedit id atque tenetur + perspiciatis itaque laboriosam nihil! Velit. +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet deserunt + incidunt inventore blanditiis tempore provident est quibusdam. + Necessitatibus distinctio ea earum sequi id praesentium corrupti + deleniti laborum expedita perferendis dignissimos dolorem tempora dicta + repudiandae eos nobis voluptatem cupiditate eaque, vitae quae ab nemo + quaerat harum? Libero quam asperiores doloremque exercitationem! + Repellat quia placeat debitis porro odio tempora eaque facilis + excepturi! +

+
+ +
+

Top Projekte

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi ad enim + voluptate in optio expedita culpa perferendis aliquid laborum aut, sequi + dolore labore tenetur, ducimus voluptatibus reiciendis? Qui impedit + voluptatem reprehenderit facere velit eveniet aperiam, aliquid animi + delectus dolorum totam earum assumenda ipsam optio natus cumque. + Molestiae distinctio quaerat sequi. +

+
+
+
+
+
html/CSS
+

+ This is a wider card with supporting text below as a natural + lead-in to additional content. This content is a little bit + longer. +

+
+
+ Last updated 3 mins ago +
+
+
+
+
+
html/CSS/JS
+

+ This card has supporting text below as a natural lead-in to + additional content. +

+
+
+ Last updated 3 mins ago +
+
+
+
+
+
html/CSS/JS
+

+ This is a wider card with supporting text below as a natural + lead-in to additional content. This card has even longer content + than the first to show that equal height action. +

+
+
+ Last updated 3 mins ago +
+
+
+
+ + +
+

Unser Team

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi ad enim + voluptate in optio expedita culpa perferendis aliquid laborum aut, sequi + dolore labore tenetur, ducimus voluptatibus reiciendis? Qui impedit + voluptatem reprehenderit facere velit eveniet aperiam, aliquid animi + delectus dolorum totam earum assumenda ipsam optio natus cumque. + Molestiae distinctio quaerat sequi. +

+
+
+
+

Name

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo + necessitatibus minima corporis aut porro odio perspiciatis libero + consequuntur at cumque, voluptatibus, quaerat fugiat mollitia + voluptatem eveniet fuga, aspernatur vitae ea. +

+
+
+
+ +
+
+
+

Name

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo + necessitatibus minima corporis aut porro odio perspiciatis libero + consequuntur at cumque, voluptatibus, quaerat fugiat mollitia + voluptatem eveniet fuga, aspernatur vitae ea. +

+
+
+
+ +
+
+
+

Name

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo + necessitatibus minima corporis aut porro odio perspiciatis libero + consequuntur at cumque, voluptatibus, quaerat fugiat mollitia + voluptatem eveniet fuga, aspernatur vitae ea. +

+
+
+
+
+ + +
© 2022 M_Viper
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d029502 --- /dev/null +++ b/style.css @@ -0,0 +1,71 @@ +/* Allgemein */ +body{ +font-family: "Yanone Kaffeesatz"; +font-size: 1.2rem; +} + +.navbar, +.carousel { + border-bottom: 1px solid #888; +} + +.red { + color: red; +} + +/* Navigation */ +.nav-link { + cursor: pointer; +} + +.nav-link:active, +.nav-link-hover { + color: red !important; +} + +.icon-link:active, +.icon-link:hover svg { + color: red; +} + +/* Slider */ +.slider-image { + width: 100vw; + height: 70vh; + background-size: cover; + background-position: center; + } + + /* Produkt Cards */ + +.card-image { + height: 500px; + background-size: cover; + background-position: center; + } + + @media (max-width: 991px) { + .card-group { + display: flex; + flex-flow: column wrap; + } + } + + /* Über uns */ + +.about-image { + width: 280px; + height: 280px; + border-radius: 50%; + background-position: center; + background-size: cover; + } + + /* Footer */ + + .footer { + font-family: sans-serif; + font-size: 1rem; + text-align: center; + border-top: 1px solid #888; + } \ No newline at end of file