diff --git a/Aufgaben/Aufgabe_03_2020-05-13/about_me.html b/Aufgaben/Aufgabe_03_2020-05-13/about_me.html new file mode 100644 index 0000000..5848692 --- /dev/null +++ b/Aufgaben/Aufgabe_03_2020-05-13/about_me.html @@ -0,0 +1,127 @@ + + + + + + + + About Me + + + + + + + + A B O U T + M E + + + + +
+ +
+ +
+ +
+

Here you get ( o-o)~[ 20€ ]

+

Now you HAVE TO get me an A++ (ò-ó)

+
+ +
+

This is real, this is me

+

This is exactly, where I'm supposed to be ♫

+
+ +
+

I'm a D I G I M O N

+ + pokeball + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + +
WHICH ONE AM I?

+ +
+
+ Quick Mafs!
+ + x = 5;
+ y = 3;
+ x + y = 8; + +
+ +
+
    +
  1. Ich kann schon
    2. +
  2. den Zahlenbereich
    3. +
  3. von 1 bis 20
    4. +
+
+
+ +
+

Ich saß zu viele Stunden an der Aufgabe, irgendwann hab ich das Design nur noch sehr einfach gehalten. + Bitte + vergebt mir, Eure Dozentheit! :c

+
+ +
+ + + + + \ No newline at end of file diff --git a/Aufgaben/Aufgabe_03_2020-05-13/basic.css b/Aufgaben/Aufgabe_03_2020-05-13/basic.css new file mode 100644 index 0000000..0819eee --- /dev/null +++ b/Aufgaben/Aufgabe_03_2020-05-13/basic.css @@ -0,0 +1,89 @@ +p,a,h1,h2,h3,h4,h5,h6{ + font-family: sans-serif; +} + +body { + background-image: url(bg.png); + background-color: #03396c; + margin: 0; +} + +footer { + position: relative; + bottom: 0; + width: 100% ; + background-color: #005b96; + padding: 30px 20px; + text-align: center; + border-top: solid #011f4b; +} + +footer a { + text-decoration: none ; + color: black; +} + +a { + text-decoration: none; +} + +svg { + margin: 0px 30px 10px; +} + +svg text { + color: transparent; +} + +.navigation ul { + list-style-type: none; + position: fixed; + top: 0; + width: 240px; + background-color: #005b96; + margin: 0px 0px 0px 80%; + padding: 0px 5px; + align-items: center; + border: solid #011f4b; + border-radius: 0px 0px 15px 15px; +} + +.navigation li { + float: left; +} + +.navigation a.active { + color: #011f4b; + font-weight: bold; +} + +.navigation a { + display: block; + color: white; + padding: 4px 6px; +} + +.navigation a:hover { + color: #00cc00; +} + +.achthundert { + width: 800px ; + margin: 0px auto; + padding: 0px auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.second_nav a { + text-decoration: none; + font-size: 30px; + color: black; +} + +.second_nav a :hover{ + color: white; +} + diff --git a/Aufgaben/Aufgabe_03_2020-05-13/bg.png b/Aufgaben/Aufgabe_03_2020-05-13/bg.png new file mode 100644 index 0000000..6201a96 Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/bg.png differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/contact.css b/Aufgaben/Aufgabe_03_2020-05-13/contact.css new file mode 100644 index 0000000..846f140 --- /dev/null +++ b/Aufgaben/Aufgabe_03_2020-05-13/contact.css @@ -0,0 +1,72 @@ +.socialMedia { + display: grid; + grid-template-columns: 65% 30%; + column-gap: 5%; + margin: 20px 0px 0px 0px; + padding: 20px; + background-color: #005b96; + border: solid #011f4b; + border-radius: 15px; + width: 80%; + text-align: center; +} + +.contact_me { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 20px 0px 20px 0px; + padding: 20px; + background-color: #005b96; + border: solid #011f4b; + border-radius: 15px; + width: 80%; +} + +.contact_me form { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; +} + +.contact_me input, textarea{ + margin: 2px 0px 5px; +} + +.socialMediaText h1 { + font-size: 50px; + margin: 10px 0px; +} + +.socialMediaText p { + margin: 2px 0px; +} + +.socialMediaText{ + margin: auto; +} + +.socialMedia i { + margin: auto; +} + +.socialMedia a :hover{ + color: white; +} + +.socialMedia a { + text-decoration: none ; + color: black; +} + +#extra { + font-size: 10px; + color: lightgrey; +} + +#extra a { + text-decoration: underline; + color: lightgrey; +} diff --git a/Aufgaben/Aufgabe_03_2020-05-13/contact.html b/Aufgaben/Aufgabe_03_2020-05-13/contact.html new file mode 100644 index 0000000..fbfca2b --- /dev/null +++ b/Aufgaben/Aufgabe_03_2020-05-13/contact.html @@ -0,0 +1,116 @@ + + + + + + + + Contact + + + + +
+
+ +
+ + + + C O N T A C T + + +
+ +
+ +
+
+

Facebook

+

Justin Dretvic

+
+ + + + +
+ + + +
+
+

Instagram

+

@justin_da_ghost

+
+ + + +
+ +
+
+

Xing

+

Justin Dretvic

+
+ + + +
+ +
+
+

E-Mail

+

Justin.Dretvic@hs-furtwangen.de

+
+ + + +
+ +
+

Kontaktiere mich doch!

+
+ + + + +

Mit Absenden der Nachricht bestätige ich
den Datenschutz

+ +
+
+ + + +
+ + + + + + \ No newline at end of file diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/Battle_Cry_High_Pitch.mp3 b/Aufgaben/Aufgabe_03_2020-05-13/files/Battle_Cry_High_Pitch.mp3 new file mode 100644 index 0000000..20b4591 Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/Battle_Cry_High_Pitch.mp3 differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/eagle.jpg b/Aufgaben/Aufgabe_03_2020-05-13/files/eagle.jpg new file mode 100644 index 0000000..1ea1120 Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/eagle.jpg differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/f_logo_RGB-Blue_58.png b/Aufgaben/Aufgabe_03_2020-05-13/files/f_logo_RGB-Blue_58.png new file mode 100644 index 0000000..743ec2d Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/f_logo_RGB-Blue_58.png differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/fb_logo.png b/Aufgaben/Aufgabe_03_2020-05-13/files/fb_logo.png new file mode 100644 index 0000000..66fa9bb Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/fb_logo.png differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/freedom.gif b/Aufgaben/Aufgabe_03_2020-05-13/files/freedom.gif new file mode 100644 index 0000000..6fb148a Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/freedom.gif differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/glyph-logo_May2016.png b/Aufgaben/Aufgabe_03_2020-05-13/files/glyph-logo_May2016.png new file mode 100644 index 0000000..185e14d Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/glyph-logo_May2016.png differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/insta_logo.png b/Aufgaben/Aufgabe_03_2020-05-13/files/insta_logo.png new file mode 100644 index 0000000..65680d2 Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/insta_logo.png differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/leertext.pdf b/Aufgaben/Aufgabe_03_2020-05-13/files/leertext.pdf new file mode 100644 index 0000000..58230bd Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/leertext.pdf differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/pokeball.png b/Aufgaben/Aufgabe_03_2020-05-13/files/pokeball.png new file mode 100644 index 0000000..3f4de78 Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/pokeball.png differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/pokemon.png b/Aufgaben/Aufgabe_03_2020-05-13/files/pokemon.png new file mode 100644 index 0000000..7ead936 Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/pokemon.png differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/robin-redbreast-in-tree-5038867_640.jpg b/Aufgaben/Aufgabe_03_2020-05-13/files/robin-redbreast-in-tree-5038867_640.jpg new file mode 100644 index 0000000..3e5603f Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/robin-redbreast-in-tree-5038867_640.jpg differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/files/title.mp3 b/Aufgaben/Aufgabe_03_2020-05-13/files/title.mp3 new file mode 100644 index 0000000..26fe306 Binary files /dev/null and b/Aufgaben/Aufgabe_03_2020-05-13/files/title.mp3 differ diff --git a/Aufgaben/Aufgabe_03_2020-05-13/portfolio.css b/Aufgaben/Aufgabe_03_2020-05-13/portfolio.css new file mode 100644 index 0000000..fd8bf95 --- /dev/null +++ b/Aufgaben/Aufgabe_03_2020-05-13/portfolio.css @@ -0,0 +1,68 @@ +.containment { +position: relative; + overflow: hidden; + width: 100%; + padding-top: 56.25%; +} + +#youtube { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 99%; + height: 100%; + border: solid #011f4b; +} + +h1, h3{ + border: solid #011f4b; + border-radius: 30px; + padding: 10px; + background-color: #005b96; + color: white +} + +#anchor_tag { + text-decoration: none; + color: black; + border: dotted #011f4b; + background-color: #b3cde0; + padding: 5px; +} + +#button { + color: #011f4b; + font-weight: bold; + background-color: #b3cde0; + padding: 5px; + margin: 25px 0px 10px; +} + +#audio { + display: flex; + flex-direction: column; + align-items: center ; + background-color: #005b96; + border: solid #011f4b; + border-radius: 100px; + color: white; + margin: 30px 0px 30px; + padding: 30px; +} + +#audio audio { + border: solid #03396c; + border-radius: 100px; + margin-top: 10px; +} + +#audio p { + margin: 2px +} + +span { + color: red; + font-weight: bolder; +} \ No newline at end of file diff --git a/Aufgaben/Aufgabe_03_2020-05-13/portfolio.html b/Aufgaben/Aufgabe_03_2020-05-13/portfolio.html new file mode 100644 index 0000000..fcb5ce6 --- /dev/null +++ b/Aufgaben/Aufgabe_03_2020-05-13/portfolio.html @@ -0,0 +1,91 @@ + + + + + + + + Portfolio + + + + + +
+ + + P O R T F O L I O + + +
+ +
+ +
+ +
+ + +

Willkommen auf meiner Website

+ +

Die Website zeigt Ihnen ein paar HTML-Tags

+ +
Ich hab jetzt schon 3 HTML-Elemente
+ + + + Don't click on me

+ +
+ + +
+ +

+ +
+

+
+ +
+

Don't you dare pressing on the play-button!

+

I warned you!

+
+
+ + +
+ + + + + + \ No newline at end of file diff --git a/Aufgaben/Aufgabe_03_2020-05-13/tags_used.html b/Aufgaben/Aufgabe_03_2020-05-13/tags_used.html new file mode 100644 index 0000000..8f1c107 --- /dev/null +++ b/Aufgaben/Aufgabe_03_2020-05-13/tags_used.html @@ -0,0 +1,161 @@ + + + + + used tags + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
tag Nutzen portfolio About_me contact
<h1–6> header [X] [X] [X]
<p> paragraph [X] [X] [X]
<del> deleted [X] [ ] [ ]
<a> anchor [X] [X] [X]
<ul> unordered list [X] [X] [X]
<ol> ordered list [ ] [X] [ ]
<div> Container [X] [X] [X]
<table> Tabelle [ ] [X] [ ]
<code> code-block [ ] [X] [ ]
<img> image [ ] [X] [X]
<button> button [X] [ ] [ ]
<iframe> iframe [X] [ ] [ ]
<audio> audio control [X] [ ] [ ]
<br> break [X] [X] [X]
<embed> embed [ ] [X] [ ]
<label> label [X] [X] [X]
<input> input [X] [X] [X]
<footer> footer [ ] [ ] [X]
<blockquote> blockquote [ ] [ ] [X]
<b> [X] [X] [X]
+ + + \ No newline at end of file diff --git a/Steckbrief/steckbrief.htm b/Steckbrief/steckbrief.htm index 453bdb9..a6aeb09 100644 --- a/Steckbrief/steckbrief.htm +++ b/Steckbrief/steckbrief.htm @@ -14,9 +14,11 @@ body { Github Reposiroty → Issues
+ Aufgabe_03_2020-05-13
Aufgabe_02_2020-05-06 & tags_used
Aufgabe_01_2020-04-29
Aufgabe_00_2020-04-22
+ \ No newline at end of file