diff options
Diffstat (limited to 'HTML')
28 files changed, 558 insertions, 0 deletions
diff --git a/HTML/HTML - Web page 1/Page1.html b/HTML/HTML - Web page 1/Page1.html new file mode 100644 index 0000000..cd3926a --- /dev/null +++ b/HTML/HTML - Web page 1/Page1.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> + +<html> + <head> + <style> + #toplinxudistros { + border-collapse: collapse; + } + + #toplinxudistros table, #toplinxudistros th, #toplinxudistros td { + text-align: center; + border: 1px solid #ddd; + } + + #toplinxudistros th, #toplinxudistros td { + padding: 10px; + background-color: #fdffe3; + } + + #toplinxudistros th { + color: #ffffff; + background-color: #5294e2; + } + </style> + </head> + + <body> <center> + <font face="Trebuchet MS" size=5>Top 3 most popular Linux distributions according to <a href="https://distrowatch.com">Distrowatch</a> </font> + <br><br> + <table id="toplinxudistros"> + <tr> + <th>Name</th> + <th>Based on</th> + <th>Supported desktop environments</th> + </tr> + <tr> + <td><img src="mx.png"></td> + <td><img src="debian.png" width="77" height="90px"></td> + <td>Xfce</td> + </tr> + <tr> + <td><img src="manjaro.png"></td> + <td><img src="arch.png" width="120" height="90px"></td> + <td>Awesome, bspwm, Budgie, Cinnamon, Deepin, GNOME,<br> + i3, KDE Plasma, LXQt, MATE, Openbox, Xfce</td> + </tr> + <tr> + <td><img src="mint.png"></td> + <td><img src="debian.png" width="77" height="90px"></td> + <td>Cinnamon, MATE, Xfce</td> + </tr> + </table> + + <center> </body> +</html> diff --git a/HTML/HTML - Web page 1/arch.png b/HTML/HTML - Web page 1/arch.png Binary files differnew file mode 100644 index 0000000..3fa6e6c --- /dev/null +++ b/HTML/HTML - Web page 1/arch.png diff --git a/HTML/HTML - Web page 1/debian.png b/HTML/HTML - Web page 1/debian.png Binary files differnew file mode 100644 index 0000000..97b3ca8 --- /dev/null +++ b/HTML/HTML - Web page 1/debian.png diff --git a/HTML/HTML - Web page 1/manjaro.png b/HTML/HTML - Web page 1/manjaro.png Binary files differnew file mode 100644 index 0000000..a7c107c --- /dev/null +++ b/HTML/HTML - Web page 1/manjaro.png diff --git a/HTML/HTML - Web page 1/mint.png b/HTML/HTML - Web page 1/mint.png Binary files differnew file mode 100644 index 0000000..20b1c87 --- /dev/null +++ b/HTML/HTML - Web page 1/mint.png diff --git a/HTML/HTML - Web page 1/mx.png b/HTML/HTML - Web page 1/mx.png Binary files differnew file mode 100644 index 0000000..79cb129 --- /dev/null +++ b/HTML/HTML - Web page 1/mx.png diff --git a/HTML/HTML - Web page 2.html b/HTML/HTML - Web page 2.html new file mode 100644 index 0000000..3f7b0df --- /dev/null +++ b/HTML/HTML - Web page 2.html @@ -0,0 +1,194 @@ +<!DOCTYPE html> + +<html> + <head> + <style> + /*Found this trick on: https://stackoverflow.com/questions/1269589/css-center-block-but-align-contents-to-the-left*/ + #centercolumn { + float: left; + position: relative; + left: 50% + } + #itemlist { + text-align: left; + float: left; + position: relative; + left: -50% + } + + ul { + list-style-type: disc; + } + + #fuels { + font:20px "Optima",sans-serif; + } + #metallic { + font:20px "Roman", serif; + } + #nonmetallic { + font:20px "Courier", monospace; + } + </style> + </head> + + <body bgcolor=#babcdb> + <h1 align="center">Полезни изкопаеми на България</h1> + + <div id="centercolumn"> + <ol type="A" id="itemlist"> + <li id="fuels">Горивни полезни изкопаеми + <ol type="I"> + <li>Въглища + <ol type="1"> + <li>Лигнитни въглища + <ul style="disc"> + <li>Марица-изток</li> + <li>Марица-запад/Марбас</li> + <li>Софийски басейн</li> + <li>Елховски басейн</li> + <li>Ломски басейн</li> + </ul> + </li> + <li>Кафяви въглища + <ul> + <li>Бобовдолски басейн</li> + <li>Пернишки басейн</li> + <li>Николаевски басейн</li> + <li>Бургаски басейн</li> + </ul> + </li> + <li>Черни въглища + <ul> + <li>Добруджански басейн</li> + <li>Балканбас</li> + </ul> + </li> + <li>Антрацитни въглища + <ul> + <li>Свогенски басейн + + </li> + </ul> + </li> + </ol> + </li> + <li>Нефт + <ol type="1"> + <li>Село Тюленово</li> + <li>Плевенска област + <ul> + <li>Село Гиген</li> + <li>Горни и долни Дъбник</li> + </ul> + </li> + </ol> + </li> + <li>Природен газ + <ol type="1"> + <li>Село Деветаки</li> + <li>Село Чирен</li> + </ol> + </li> + </ol> + </li> + <li id="metallic">Рудни полезни изкопаеми + <ol type="I"> + <li>Руди за добив на черни метали + <ol type="1"> + <li>Желязна руда + <ul> + <li>Село Кремиковци</li> + <li>Село Мартиново</li> + <li>Село Чипровци</li> + </ul> + </li> + <li>Манганова руда + <ul> + <li>Село Оброчище</li> + <li>Село Пожарево</li> + </ul> + </li> + <li>Хромова руда + <ul> + <li>Родопи</li> + </ul> + </li> + </ol> + + + + </li> + <li>Руди за добив на цветни метали + <ol style="1"> + <li>Медни руди + <ul> + <li>Етрополска Стара планина</li> + <li>Между Бъргас и Малко Търново</li> + </ul> + </li> + <li>Оловноцинкови руди + <ul> + <li>Родопски минен басейн</li> + <li>Осоговски мирен басейн</li> + </ul> + + + + + + + + + + + </li> + </ol> + </li> + </ol> + </li> + <li id="nonmetallic">Нерудни полезни изкопаеми + <ol type="1"> + <li>Гипс + <ul> + <li>Село Кошава</li> + <li>Село Раднево</li> + </ul> + </li> + <li>Каменна сол + <ul> + <li>Село Мирово</li> + </ul> + </li> + <li>Каолин + <ul> + <li>Град Калиново</li> + <li>Град Сеново</li> + <li>Град Ветрово</li> + </ul> + </li> + <li>Глини (огнеопорни и керамични) + <ul> + <li>Дунавска равнина</li> + <li>Задабалкан</li> + <li>Горнотракийска котловина</li> + </ul> + </li> + <li>Сианид + <ul> + <li>Град Пловдив</li> + </ul> + </li> + <li>Мрамор + <ul> + <li>Запада Стара планина</li> + <li>Странджа</li> + <li>Родопи</li> + </ul> + </li> + </ol> + </li> + </ol> + </div> + </body> +</html> diff --git a/HTML/KamenMladenovCoding/KamenMladenovCoding.zip b/HTML/KamenMladenovCoding/KamenMladenovCoding.zip Binary files differnew file mode 100644 index 0000000..6607547 --- /dev/null +++ b/HTML/KamenMladenovCoding/KamenMladenovCoding.zip diff --git a/HTML/KamenMladenovCoding/about.html b/HTML/KamenMladenovCoding/about.html new file mode 100644 index 0000000..829cbbe --- /dev/null +++ b/HTML/KamenMladenovCoding/about.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> +<html> + <head> + <title>About</title> + <link rel="stylesheet" href="styles.css"> + </head> + + <body bgcolor="WhiteSmoke"> + <center> + <header class="header"> <br> + <h1>Kamen Mladenov Coding</h1> + <table id="menu"> + <tr> + <td class="menu-item"><a class="btn" href="index.html">Home</a></td> + <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td> + <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td> + <td class="menu-item"><a class="btn" href="about.html">About</a></td> + </tr> + </table> + </header> + + <div class="content"> + <h1>About</h1> + <p>I am a 17 year old programming student.</p> + <b>Languages that I know (left to right, most to least skill):</b> + <table class="menu"> + <tr> + <td class="menu-item"><img src="images/languages/csharp-logo.png" alt="C#" height=50px width=50px></td> + <td class="menu-item add-padding"><img src="images/languages/html-logo.png" alt="HTML" height=50px width=50px></td> + <td class="menu-item add-padding"><img src="images/languages/vbdotnet-logo.png" alt="VB.Net" height=50px width=50px></td> + <td class="menu-item add-padding"><img src="images/languages/mysql-logo.png" alt="MySQL" height=50px width=100px></td> + <td class="menu-item add-padding"><img src="images/languages/css-logo.png" alt="CSS" height=50px width=40px></td> + <td class="menu-item add-padding"><img src="images/languages/python-logo.png" alt="Python" height=50px width=60px></td> + </tr> + </table> + <br> + <b>Contact:</b> + <table class="menu"> + <tr> + <td class="menu-item add-padding"><a class="hyperlink" href="https://github.com/Syndamia"><img src="images/websites/github-logo.png" alt="GitHub" height=50px width=55px></a></td> + <td class="menu-item add-padding"><a class="hyperlink" href="https://stackoverflow.com/users/12036073/syndamia"><img src="images/websites/stackoverflow-logo.png" alt="Stackoverflow" height=50px width=51px></a></td> + </tr> + </table> + </div> + <br> + <footer class="footer"> + Kamen Mladenov 2020 + </footer> + </center> + </body> +</html> diff --git a/HTML/KamenMladenovCoding/images/languages/csharp-logo.png b/HTML/KamenMladenovCoding/images/languages/csharp-logo.png Binary files differnew file mode 100644 index 0000000..518a64b --- /dev/null +++ b/HTML/KamenMladenovCoding/images/languages/csharp-logo.png diff --git a/HTML/KamenMladenovCoding/images/languages/css-logo.png b/HTML/KamenMladenovCoding/images/languages/css-logo.png Binary files differnew file mode 100644 index 0000000..001771a --- /dev/null +++ b/HTML/KamenMladenovCoding/images/languages/css-logo.png diff --git a/HTML/KamenMladenovCoding/images/languages/html-logo.png b/HTML/KamenMladenovCoding/images/languages/html-logo.png Binary files differnew file mode 100644 index 0000000..81d1fcb --- /dev/null +++ b/HTML/KamenMladenovCoding/images/languages/html-logo.png diff --git a/HTML/KamenMladenovCoding/images/languages/mysql-logo.png b/HTML/KamenMladenovCoding/images/languages/mysql-logo.png Binary files differnew file mode 100644 index 0000000..ee7382c --- /dev/null +++ b/HTML/KamenMladenovCoding/images/languages/mysql-logo.png diff --git a/HTML/KamenMladenovCoding/images/languages/python-logo.png b/HTML/KamenMladenovCoding/images/languages/python-logo.png Binary files differnew file mode 100644 index 0000000..dc5e771 --- /dev/null +++ b/HTML/KamenMladenovCoding/images/languages/python-logo.png diff --git a/HTML/KamenMladenovCoding/images/languages/vbdotnet-logo.png b/HTML/KamenMladenovCoding/images/languages/vbdotnet-logo.png Binary files differnew file mode 100644 index 0000000..481eeda --- /dev/null +++ b/HTML/KamenMladenovCoding/images/languages/vbdotnet-logo.png diff --git a/HTML/KamenMladenovCoding/images/mundus/L_boulder.png b/HTML/KamenMladenovCoding/images/mundus/L_boulder.png Binary files differnew file mode 100644 index 0000000..a5db10a --- /dev/null +++ b/HTML/KamenMladenovCoding/images/mundus/L_boulder.png diff --git a/HTML/KamenMladenovCoding/images/mundus/L_tree.png b/HTML/KamenMladenovCoding/images/mundus/L_tree.png Binary files differnew file mode 100644 index 0000000..fcfcadd --- /dev/null +++ b/HTML/KamenMladenovCoding/images/mundus/L_tree.png diff --git a/HTML/KamenMladenovCoding/images/mundus/U_rock.png b/HTML/KamenMladenovCoding/images/mundus/U_rock.png Binary files differnew file mode 100644 index 0000000..da76bf8 --- /dev/null +++ b/HTML/KamenMladenovCoding/images/mundus/U_rock.png diff --git a/HTML/KamenMladenovCoding/images/websites/github-logo.png b/HTML/KamenMladenovCoding/images/websites/github-logo.png Binary files differnew file mode 100644 index 0000000..1377716 --- /dev/null +++ b/HTML/KamenMladenovCoding/images/websites/github-logo.png diff --git a/HTML/KamenMladenovCoding/images/websites/stackoverflow-logo.png b/HTML/KamenMladenovCoding/images/websites/stackoverflow-logo.png Binary files differnew file mode 100644 index 0000000..9916133 --- /dev/null +++ b/HTML/KamenMladenovCoding/images/websites/stackoverflow-logo.png diff --git a/HTML/KamenMladenovCoding/index.html b/HTML/KamenMladenovCoding/index.html new file mode 100644 index 0000000..3ba8235 --- /dev/null +++ b/HTML/KamenMladenovCoding/index.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html> + <head> + <title>Kamen Mladenov Coding</title> + <link rel="stylesheet" href="styles.css"> + + <style media="screen"> + #show-around-list { + line-height: 30px; + font-family: Gothic L, sans-serif; + } + </style> + </head> + + <body bgcolor="WhiteSmoke"> + <center> + <header class="header"> <br> + <h1>Kamen Mladenov Coding</h1> + <table id="menu"> + <tr> + <td class="menu-item"><a class="btn" href="index.html">Home</a></td> + <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td> + <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td> + <td class="menu-item"><a class="btn" href="about.html">About</a></td> + </tr> + </table> + </header> + + <div class="content"> + <h1>Welcome</h1> + <p>Here you can find information about my skills and programming projects I am working on.</p> + <p>Let me show you around:</p> + <ol class="list-centered" id="show-around-list"> + <li>First off, we have this page, which has genereal information on the website.</li> + <li>Then, we have 'Mundus'. It is a big projects of mine. + <ul> + <li>It shows information about the project</li> + <li>I ask you for your opinion</li> + </ul> + </li> + <li>Then we have 'Other peojects'. I share links to other projects I have done.</li> + <li>In the end, there is the 'About' page. I show two things: + <ul> + <li>Programming langauges that I know atleast a bit</li> + <li>Sites with which to connect with me</li> + </ul> + </li> + </ol> + </div> + + <footer class="footer"> + Kamen Mladenov 2020 + </footer> + </center> + </body> +</html> diff --git a/HTML/KamenMladenovCoding/mundus.html b/HTML/KamenMladenovCoding/mundus.html new file mode 100644 index 0000000..0911a3f --- /dev/null +++ b/HTML/KamenMladenovCoding/mundus.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html> + <head> + <title>Mundus</title> + <link rel="stylesheet" href="styles.css"> + </head> + + <body bgcolor="WhiteSmoke"> + <center> + <header class="header"> <br> + <h1>Kamen Mladenov Coding</h1> + <table id="menu"> + <tr> + <td class="menu-item"><a class="btn" href="index.html">Home</a></td> + <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td> + <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td> + <td class="menu-item"><a class="btn" href="about.html">About</a></td> + </tr> + </table> + </header> + + <div class="content"> + <h1>What is Mundus?</h1> + <p> + Mundusis my project for Module 7 (Software development) in <a class="hyperlink" href="https://it-kariera.mon.bg/e-learning/">IT-kariera</a> course. + <br>It is a sandbox game. I have written all the code and done all the graphics. + </p> + <p>You can find a link to the repository <a class="hyperlink" href="https://github.com/Syndamia/Mundus">here</a>.</p> + <h1>Give me your opinion</h1> + <p>I am not good at doing graphics, so please, select if you like it.</p> + <form> + <table class="menu-alternative"> + <tr> + <td class="add-padding"><img src="images/mundus/L_tree.png" alt="Picture of a tree"></td> + <td class="add-padding"><label>I like it</label><input type="checkbox" name="L_tree_rating" value="Like it"></td> + </tr> + <tr> + <td class="add-padding"><img src="images/mundus/L_boulder.png" alt="Picture of a boulder"></td> + <td class="add-padding"><label>I like it</label><input type="checkbox" name="L_boulder_rating" value="Like it"></td> + </tr> + <tr> + <td class="add-padding"><img src="images/mundus/U_rock.png" alt="Picture of a rock wall"></td> + <td class="add-padding"><label>I like it</label><input type="checkbox" name="U_rock_rating" value="Like it"></td> + </tr> + </table> + <br> + <input type="submit" value="Submit"> + </form> + <br> + </div> + <br> + <footer class="footer"> + Kamen Mladenov 2020 + </footer> + </center> + </body> +</html> diff --git a/HTML/KamenMladenovCoding/other.html b/HTML/KamenMladenovCoding/other.html new file mode 100644 index 0000000..0b58625 --- /dev/null +++ b/HTML/KamenMladenovCoding/other.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> + <head> + <title>Other Projects</title> + <link rel="stylesheet" href="styles.css"> + </head> + + <body bgcolor="WhiteSmoke"> + <center> + <header class="header"> <br> + <h1>Kamen Mladenov Coding</h1> + <table id="menu"> + <tr> + <td class="menu-item"><a class="btn" href="index.html">Home</a></td> + <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td> + <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td> + <td class="menu-item"><a class="btn" href="about.html">About</a></td> + </tr> + </table> + </header> + + <div class="content"> + <h1>GitHub links:</h1> + <ul class="list-centered"> + <li><a class="hyperlink" href="https://github.com/Syndamia/Shower/wiki/Bitspace">Bitspace</a> and <a class="hyperlink" href="https://github.com/Syndamia/Shower/wiki/Bitspace-2.0">Bitspace 2.0</a></li> + <li><a class="hyperlink" href="https://github.com/Syndamia/Shower/wiki/Chopsticks">Chopsticks</a></li> + <li><a class="hyperlink" href="https://github.com/Syndamia/Shower/tree/master/Who%20wants%20to%20become%20a%20millionare%20-%20Africa%20(BG)">Who wants to be come a millionare - Africa (BG)</a></li> + </ul> + <br> + </div> + <br> + <footer class="footer"> + Kamen Mladenov 2020 + </footer> + </center> + </body> +</html> diff --git a/HTML/KamenMladenovCoding/styles.css b/HTML/KamenMladenovCoding/styles.css new file mode 100644 index 0000000..7b7bd3f --- /dev/null +++ b/HTML/KamenMladenovCoding/styles.css @@ -0,0 +1,84 @@ +:root { + --item-bg-color: #0073E6; + --link-hover-color: #0080FF; + --padding: 10px; + --width: 50%; + --min-width: 850px; +} + +.header { + background-color: white; + border-bottom: 3px solid #ddd; + width: var(--width); + min-width: var(--min-width); + border-radius: 5px; +} + +.footer { + background-color: white; + border-top: 3px solid #ddd; + width: var(--width); + min-width: var(--min-width); + border-radius: 5px; + line-height: 30px; +} + +.menu { + border-collapse: collapse; +} + +.menu-alternative { + border: 1px solid #ddd; +} + +.add-padding { + padding: var(--padding); +} + +.menu-item { + /* border: 1px solid #ddd; */ + text-transform: uppercase; + font-weight: bold; + font: 20px Arial, sans-serrif; +} + +.list-centered { + position: relative; + text-align: left; + left: 20%; +} + +.btn { + background-color: var(--item-bg-color); + color: #FFFFFF; + padding: var(--padding); + text-align: center; + display: inline-block; + border-radius: 10px; +} + +.btn:hover, .btn:active { + padding: var(--padding); + background-color: var(--link-hover-color); + border-radius: 5px; +} + +a:link, a:visited { + text-decoration: none; +} + +.hyperlink { + color: #3333FF; + font-family: Optima, sans-serif; +} + +.content { + border-left: 3px solid #ddd; + border-right: 3px solid #ddd; + + background-color: white; + border-radius: 5px; + height: 80%; + width: var(--width); + min-width: var(--min-width); +} diff --git a/HTML/Lidl/Lidl.html b/HTML/Lidl/Lidl.html new file mode 100644 index 0000000..0a415d6 --- /dev/null +++ b/HTML/Lidl/Lidl.html @@ -0,0 +1,24 @@ +<html> + <head> + <title>Welcome to Lidl</title> + </head> + <body bgcolor=00539b align="center"> <center> + <header> + <font size="50" color="yellow" face="verdana" align="center">Заслужава си! Вече знаеш защо.</font> <br> + </header> + + <p> + <font size="10" color="white">От тази седмица:</font> <br> <br> + <font size 7 color="lightgrey">Телешко месо за готвене само за 4,99лв. опаковката</font> <br> + <img src="teleshko.jpg"> <br> <br> + <font size 7 color="lightgrey">Сладко от бели череши за 2,39лв. опаковката</font> <br> + <img src="sladko.jpg"> <br> <br> + <font size 7 color="lightgrey">Мини франзела със семена за 0,19лв. бройката</font> <br> + <img src="minifranzela.jpg"> <br> <br> + </p> + + <footer> + <font size="5" color="grey" face="verdana">Тук си ти. Тук пазаруваш.</font> <br> + </footer> + </center> </body> +</html> diff --git a/HTML/Lidl/minifranzela.jpg b/HTML/Lidl/minifranzela.jpg Binary files differnew file mode 100644 index 0000000..b3b68a1 --- /dev/null +++ b/HTML/Lidl/minifranzela.jpg diff --git a/HTML/Lidl/sladko.jpg b/HTML/Lidl/sladko.jpg Binary files differnew file mode 100644 index 0000000..52568eb --- /dev/null +++ b/HTML/Lidl/sladko.jpg diff --git a/HTML/Lidl/teleshko.jpg b/HTML/Lidl/teleshko.jpg Binary files differnew file mode 100644 index 0000000..61b0b79 --- /dev/null +++ b/HTML/Lidl/teleshko.jpg |
