Skip to content

Commit

Permalink
Merge branch 'main' of github.com:WhatMeansGithub/congrats
Browse files Browse the repository at this point in the history
  • Loading branch information
BenjaminHauf committed Mar 22, 2024
2 parents 521df46 + 281bb0e commit 06908a3
Show file tree
Hide file tree
Showing 8 changed files with 76 additions and 31 deletions.
1 change: 1 addition & 0 deletions anton.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
sdfasf
25 changes: 25 additions & 0 deletions dastin.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dastin Pridetitle></title>
<link rel="stylesheet" href="styles/dastin.css">
</head>
<body>

<div class="complet">
<div class="overtitel">Dastin</div>
<div class="partfC">
<div class="underTitel">Sport</div>
<div class="textfUD">text</div>
<div class="imgfUD"><img></div>
</div>
<div>
<div class="underTitel">Wildlive</div>
<div class="textfUD">text</div>
<div class="imgfUD"><img></div>
</div>
</div>
</body>
</html>
61 changes: 30 additions & 31 deletions dennis.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,18 +32,17 @@ <h1><b>My Achievement</b></h1>
<img src="/images/shutterstock_158323577.webp" alt="Turntables overhead" style="width:100%">
<div class="w3-container">
<h3><b>Becoming a DJ in Berlin</b></h3>
<h5>A weird journey, <span class="w3-opacity">April 7, 2014</span></h5>
<h5>A weird journey, <span class="w3-opacity">April 1, 2024</span></h5>
</div>

<div class="w3-container">
<p>Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed
tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
<p>When I first came to this city almost 9 years ago, I didn't play any instrument or care too much about making music or becoming a DJ.
Through a good friend of mine who produces music for Hollywood/Netflix movies, games and hiphop artists I got in touch with many other creatives and inspired to pick up an instrument.</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE »</b></button></p>
<p><a href="dennis2.html" class="w3-button w3-padding-large w3-white w3-border" target="_self"><b>READ MORE »</b></a></p>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b>Comments  </b> <span class="w3-tag">0</span></span></p>
<p><span class="w3-padding-large w3-right"><b>Comments  </b> <span class="w3-tag">420</span></span></p>
</div>
</div>
</div>
Expand All @@ -52,15 +51,15 @@ <h5>A weird journey, <span class="w3-opacity">April 7, 2014</span></h5>

<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<img src="/w3images/bridge.jpg" alt="Norway" style="width:100%">
<img src="images/khaled.jpg" alt="DJ Khaled" style="width:100%">
<div class="w3-container">
<h3><b>BLOG ENTRY</b></h3>
<h5>Title description, <span class="w3-opacity">April 2, 2014</span></h5>
<h3><b>How to Stay humble</b></h3>
<h5>Learn from the worst, <span class="w3-opacity">March 22, 2024</span></h5>
</div>

<div class="w3-container">
<p>Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed
tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
<p>Honestly, this has been the easiest part. Knowing so many renowned and world class artists/DJs really puts your own ego in check, sometimes a bit too much.
I'm always surrounded by people who are famous but humble, and the Coppi DJ sessions every Thursday really help me see this all the time. Never take anything or anyone for granted, show genuine interest and just do what you love, the rest will come to you naturally</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE »</b></button></p>
Expand All @@ -78,10 +77,10 @@ <h5>Title description, <span class="w3-opacity">April 2, 2014</span></h5>
<div class="w3-col l4">
<!-- About Card -->
<div class="w3-card w3-margin w3-margin-top">
<img src="/w3images/avatar_g.jpg" style="width:100%">
<img src="images/Denniscropped.webp" style="width:100%">
<div class="w3-container w3-white">
<h4><b>My Name</b></h4>
<p>Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a interest of lorem ipsum and mauris neque quam blog. I want to share my world with you.</p>
<h4><b>Dennis Aslany</b></h4>
<p>Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a interest of music blog. I want to share my world with you.</p>
</div>
</div><hr>

Expand All @@ -92,24 +91,24 @@ <h4>Popular Posts</h4>
</div>
<ul class="w3-ul w3-hoverable w3-white">
<li class="w3-padding-16">
<img src="/w3images/workshop.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Lorem</span><br>
<span>Sed mattis nunc</span>
<img src="images/Imfine.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">How to pretend you're fine to friends and family</span><br>
<span>10 Tips to hide your depression</span>
</li>
<li class="w3-padding-16">
<img src="/w3images/gondol.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Ipsum</span><br>
<span>Praes tinci sed</span>
<img src="images/harold-book.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Why she's not texting you back</span><br>
<span>She probably found someone better</span>
</li>
<li class="w3-padding-16">
<img src="/w3images/skies.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Dorum</span><br>
<span>Ultricies congue</span>
<img src="images/business-harold.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">10 big words to use during meetings</span><br>
<span>Confuse your colleagues and yourself whilst coming off as a knowledgeable douchebag</span>
</li>
<li class="w3-padding-16 w3-hide-medium w3-hide-small">
<img src="/w3images/rock.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Mingsum</span><br>
<span>Lorem ipsum dipsum</span>
<img src="images/Meet-Harold - Imgur.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Happy? Don't be!</span><br>
<span>20 Reasons to stay sad</span>
</li>
</ul>
</div>
Expand All @@ -121,11 +120,11 @@ <h4>Popular Posts</h4>
<h4>Tags</h4>
</div>
<div class="w3-container w3-white">
<p><span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">New York</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">London</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">IKEA</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">DIY</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Family</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Shopping</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Games</span>
<p><span class="w3-tag w3-black w3-margin-bottom">Markus</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Berlin</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">London</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">DJ</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Hiba</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">DIY</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Pride</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Nonsense</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Family</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Music</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Fries</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Shopping</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Coding</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Website</span>
</p>
</div>
</div>
Expand Down
Empty file added dennis2.html
Empty file.
Binary file added images/Denniscropped.webp
Binary file not shown.
Binary file added images/Meet-Harold - Imgur.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/khaled.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 20 additions & 0 deletions styles/dastin.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
.overtitel{
background-color: aqua;
}
.underTitel{
background: green;
}
.textfUD{
background-color: red;
}
.imgfUD{
background-color: orange;
}
.complet{
width: 100%; /* Dynamische Breite */
height: 100%; /* Dynamische Höhe */
}
.partfC{
background-color: black;
height: 50%;
}

0 comments on commit 06908a3

Please sign in to comment.