diff --git a/Zertifikate/adv/Full Stack Web Development.jpg b/Zertifikate/adv/Full Stack Web Development.jpg new file mode 100644 index 0000000..0e947d6 Binary files /dev/null and b/Zertifikate/adv/Full Stack Web Development.jpg differ diff --git a/Zertifikate/adv/SQL BI Analysis Advanced.jpg b/Zertifikate/adv/SQL BI Analysis Advanced.jpg new file mode 100644 index 0000000..eb7719f Binary files /dev/null and b/Zertifikate/adv/SQL BI Analysis Advanced.jpg differ diff --git a/Zertifikate/adv/SQL BI Analysis.jpg b/Zertifikate/adv/SQL BI Analysis.jpg new file mode 100644 index 0000000..3188286 Binary files /dev/null and b/Zertifikate/adv/SQL BI Analysis.jpg differ diff --git a/Zertifikate/adv/html5 champion.jpg b/Zertifikate/adv/html5 champion.jpg new file mode 100644 index 0000000..c686aac Binary files /dev/null and b/Zertifikate/adv/html5 champion.jpg differ diff --git a/Zertifikate/newspaper/JPK-146-München.jpg b/Zertifikate/newspaper/JPK-146-München.jpg new file mode 100644 index 0000000..124e79d Binary files /dev/null and b/Zertifikate/newspaper/JPK-146-München.jpg differ diff --git a/Zertifikate/newspaper/JPK-150-Münster.jpg b/Zertifikate/newspaper/JPK-150-Münster.jpg new file mode 100644 index 0000000..0c73bf6 Binary files /dev/null and b/Zertifikate/newspaper/JPK-150-Münster.jpg differ diff --git a/Zertifikate/newspaper/MultimediaWorkshop-Weimar.jpg b/Zertifikate/newspaper/MultimediaWorkshop-Weimar.jpg new file mode 100644 index 0000000..6175689 Binary files /dev/null and b/Zertifikate/newspaper/MultimediaWorkshop-Weimar.jpg differ diff --git a/Zertifikate/other/Amazon FBA.jpg b/Zertifikate/other/Amazon FBA.jpg new file mode 100644 index 0000000..349204f Binary files /dev/null and b/Zertifikate/other/Amazon FBA.jpg differ diff --git a/Zertifikate/other/Exel 2010 Productivity.jpg b/Zertifikate/other/Exel 2010 Productivity.jpg new file mode 100644 index 0000000..3abe5ee Binary files /dev/null and b/Zertifikate/other/Exel 2010 Productivity.jpg differ diff --git a/Zertifikate/other/Godot Game Engine.jpg b/Zertifikate/other/Godot Game Engine.jpg new file mode 100644 index 0000000..74acc1f Binary files /dev/null and b/Zertifikate/other/Godot Game Engine.jpg differ diff --git a/Zertifikate/other/Google Sheets.jpg b/Zertifikate/other/Google Sheets.jpg new file mode 100644 index 0000000..81e6dde Binary files /dev/null and b/Zertifikate/other/Google Sheets.jpg differ diff --git a/Zertifikate/other/GoogleDocs.jpg b/Zertifikate/other/GoogleDocs.jpg new file mode 100644 index 0000000..012b061 Binary files /dev/null and b/Zertifikate/other/GoogleDocs.jpg differ diff --git a/Zertifikate/other/Grundlagen Vermögensverwaltung - Kapitalaufbau.jpg b/Zertifikate/other/Grundlagen Vermögensverwaltung - Kapitalaufbau.jpg new file mode 100644 index 0000000..21a4bdf Binary files /dev/null and b/Zertifikate/other/Grundlagen Vermögensverwaltung - Kapitalaufbau.jpg differ diff --git a/Zertifikate/other/Landschaftsfotografie.jpg b/Zertifikate/other/Landschaftsfotografie.jpg new file mode 100644 index 0000000..fe645f7 Binary files /dev/null and b/Zertifikate/other/Landschaftsfotografie.jpg differ diff --git a/Zertifikate/other/Microsoft Exel Pivot.jpg b/Zertifikate/other/Microsoft Exel Pivot.jpg new file mode 100644 index 0000000..1dc2fc9 Binary files /dev/null and b/Zertifikate/other/Microsoft Exel Pivot.jpg differ diff --git a/Zertifikate/other/Startup & Business.jpg b/Zertifikate/other/Startup & Business.jpg new file mode 100644 index 0000000..d106661 Binary files /dev/null and b/Zertifikate/other/Startup & Business.jpg differ diff --git a/Zertifikate/other/VsCode Hacks.jpg b/Zertifikate/other/VsCode Hacks.jpg new file mode 100644 index 0000000..3b96541 Binary files /dev/null and b/Zertifikate/other/VsCode Hacks.jpg differ diff --git a/Zertifikate/other/ebay dropshipping.jpg b/Zertifikate/other/ebay dropshipping.jpg new file mode 100644 index 0000000..6914d68 Binary files /dev/null and b/Zertifikate/other/ebay dropshipping.jpg differ diff --git a/Zertifikate/robotic/Robocup_2014.jpg b/Zertifikate/robotic/Robocup_2014.jpg new file mode 100644 index 0000000..5ef9e01 Binary files /dev/null and b/Zertifikate/robotic/Robocup_2014.jpg differ diff --git a/Zertifikate/robotic/Robocup_2015.jpg b/Zertifikate/robotic/Robocup_2015.jpg new file mode 100644 index 0000000..5c7a681 Binary files /dev/null and b/Zertifikate/robotic/Robocup_2015.jpg differ diff --git a/Zertifikate/robotic/Robocup_2016.jpg b/Zertifikate/robotic/Robocup_2016.jpg new file mode 100644 index 0000000..d4c9f9e Binary files /dev/null and b/Zertifikate/robotic/Robocup_2016.jpg differ diff --git a/Zertifikate/robotic/Robotik.jpg b/Zertifikate/robotic/Robotik.jpg new file mode 100644 index 0000000..e6c457c Binary files /dev/null and b/Zertifikate/robotic/Robotik.jpg differ diff --git a/Zertifikate/robotic/Seminar_Mechatronik.jpg b/Zertifikate/robotic/Seminar_Mechatronik.jpg new file mode 100644 index 0000000..4975294 Binary files /dev/null and b/Zertifikate/robotic/Seminar_Mechatronik.jpg differ diff --git a/Zertifikate/web/Basic HTML.jpg b/Zertifikate/web/Basic HTML.jpg new file mode 100644 index 0000000..eb66a2d Binary files /dev/null and b/Zertifikate/web/Basic HTML.jpg differ diff --git a/Zertifikate/web/CakePhp.jpg b/Zertifikate/web/CakePhp.jpg new file mode 100644 index 0000000..8ed44c5 Binary files /dev/null and b/Zertifikate/web/CakePhp.jpg differ diff --git a/Zertifikate/web/Dynamic Web Forms with validation.jpg b/Zertifikate/web/Dynamic Web Forms with validation.jpg new file mode 100644 index 0000000..c92374e Binary files /dev/null and b/Zertifikate/web/Dynamic Web Forms with validation.jpg differ diff --git a/Zertifikate/web/GitHub Grundlagen.jpg b/Zertifikate/web/GitHub Grundlagen.jpg new file mode 100644 index 0000000..502c213 Binary files /dev/null and b/Zertifikate/web/GitHub Grundlagen.jpg differ diff --git a/Zertifikate/web/HTML 5.jpg b/Zertifikate/web/HTML 5.jpg new file mode 100644 index 0000000..95ba406 Binary files /dev/null and b/Zertifikate/web/HTML 5.jpg differ diff --git a/Zertifikate/web/HTML Web Development Crash Course.jpg b/Zertifikate/web/HTML Web Development Crash Course.jpg new file mode 100644 index 0000000..e7a9fc1 Binary files /dev/null and b/Zertifikate/web/HTML Web Development Crash Course.jpg differ diff --git a/Zertifikate/web/InfiniteScroll AJAX MySQL API PHP jQuery.jpg b/Zertifikate/web/InfiniteScroll AJAX MySQL API PHP jQuery.jpg new file mode 100644 index 0000000..4571b17 Binary files /dev/null and b/Zertifikate/web/InfiniteScroll AJAX MySQL API PHP jQuery.jpg differ diff --git a/Zertifikate/web/Landing Page Hacks.jpg b/Zertifikate/web/Landing Page Hacks.jpg new file mode 100644 index 0000000..8b7fedd Binary files /dev/null and b/Zertifikate/web/Landing Page Hacks.jpg differ diff --git a/Zertifikate/web/Learn HTML5 and CSS3 By Coding Your First Website.jpg b/Zertifikate/web/Learn HTML5 and CSS3 By Coding Your First Website.jpg new file mode 100644 index 0000000..0b739b0 Binary files /dev/null and b/Zertifikate/web/Learn HTML5 and CSS3 By Coding Your First Website.jpg differ diff --git a/Zertifikate/web/Learn HTML5.jpg b/Zertifikate/web/Learn HTML5.jpg new file mode 100644 index 0000000..270adfc Binary files /dev/null and b/Zertifikate/web/Learn HTML5.jpg differ diff --git a/Zertifikate/web/Make Ecommerce Website Front-End.jpg b/Zertifikate/web/Make Ecommerce Website Front-End.jpg new file mode 100644 index 0000000..4666b88 Binary files /dev/null and b/Zertifikate/web/Make Ecommerce Website Front-End.jpg differ diff --git a/Zertifikate/web/PHP&MySQL.jpg b/Zertifikate/web/PHP&MySQL.jpg new file mode 100644 index 0000000..e3c6dd3 Binary files /dev/null and b/Zertifikate/web/PHP&MySQL.jpg differ diff --git a/Zertifikate/web/PSD Frontend.jpg b/Zertifikate/web/PSD Frontend.jpg new file mode 100644 index 0000000..509b267 Binary files /dev/null and b/Zertifikate/web/PSD Frontend.jpg differ diff --git a/Zertifikate/web/Telegram Bot with Python.jpg b/Zertifikate/web/Telegram Bot with Python.jpg new file mode 100644 index 0000000..4d62e4b Binary files /dev/null and b/Zertifikate/web/Telegram Bot with Python.jpg differ diff --git a/Zertifikate/web/XHTML-01.jpg b/Zertifikate/web/XHTML-01.jpg new file mode 100644 index 0000000..035ba05 Binary files /dev/null and b/Zertifikate/web/XHTML-01.jpg differ diff --git a/Zertifikate/web/XHTML-02.jpg b/Zertifikate/web/XHTML-02.jpg new file mode 100644 index 0000000..a55d881 Binary files /dev/null and b/Zertifikate/web/XHTML-02.jpg differ diff --git a/Zertifikate/web/XHTML-03.jpg b/Zertifikate/web/XHTML-03.jpg new file mode 100644 index 0000000..067900c Binary files /dev/null and b/Zertifikate/web/XHTML-03.jpg differ diff --git a/Zertifikate/web/XHTML-04.jpg b/Zertifikate/web/XHTML-04.jpg new file mode 100644 index 0000000..ac9325b Binary files /dev/null and b/Zertifikate/web/XHTML-04.jpg differ diff --git a/Zertifikate/web/XHTML-05.jpg b/Zertifikate/web/XHTML-05.jpg new file mode 100644 index 0000000..74f768a Binary files /dev/null and b/Zertifikate/web/XHTML-05.jpg differ diff --git a/Zertifikate/web/XHTML-06.jpg b/Zertifikate/web/XHTML-06.jpg new file mode 100644 index 0000000..8144072 Binary files /dev/null and b/Zertifikate/web/XHTML-06.jpg differ diff --git a/Zertifikate/web/XHTML-07.jpg b/Zertifikate/web/XHTML-07.jpg new file mode 100644 index 0000000..a0bd773 Binary files /dev/null and b/Zertifikate/web/XHTML-07.jpg differ diff --git a/Zertifikate/web/Yii PHP Framework.jpg b/Zertifikate/web/Yii PHP Framework.jpg new file mode 100644 index 0000000..7089d69 Binary files /dev/null and b/Zertifikate/web/Yii PHP Framework.jpg differ diff --git a/Zertifikate/web/html boot camp.jpg b/Zertifikate/web/html boot camp.jpg new file mode 100644 index 0000000..f4f4ea2 Binary files /dev/null and b/Zertifikate/web/html boot camp.jpg differ diff --git a/Zertifikate/web/html5 and css3.jpg b/Zertifikate/web/html5 and css3.jpg new file mode 100644 index 0000000..85322b2 Binary files /dev/null and b/Zertifikate/web/html5 and css3.jpg differ diff --git a/index.css b/index.css index 9230476..e17f93e 100644 --- a/index.css +++ b/index.css @@ -1,96 +1,176 @@ body { - font-size:14px; - font-family:'Merriweather', serif; + font-size: 14px; + font-family: 'Merriweather', serif; line-height: 1.8; color: #d9d9d9; - background-color:#ffffff; - } + background-color: #ffffff; +} h1 { font-size: 35px; text-transform: uppercase; - color:#b3b3b3; + color: #b3b3b3; font-weight: 600; - } +} a { - color:#cccccc; + color: #cccccc; text-decoration: none; } -.clear_top{ +.clear_top { font-size: 40px; - color:#ffffff; + color: #ffffff; } -.card-img{ - display: block; - margin-left: auto; - margin-right: auto; - margin-top:20%; - max-height:80%; - max-width:80%; - border-radius: 20%; - border-style: -} -.card-img:hover { - -webkit-transform: scaleX(-1); - transform: scaleX(-1); +.card-img { + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 20%; + max-height: 80%; + max-width: 80%; + border-radius: 20%; + border-style: } -.list-inline-item{ - size:15px; - color:#00004d; + .card-img:hover { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + } + +.list-inline-item { + size: 15px; + color: #00004d; } -.skill{ - height:45px; +.skill { + height: 45px; } -.show_first{display:block;} -.show_hover{display:none;} - -.terminal{ - padding-top: 5px; - padding-bottom: 10px; - background-color: black; +.show_first { + display: block; } -.window-top{ - color: black; - background-color: #b0b7b2; - border: 1px solid #353535; +.show_hover { + display: none; } -.terminal a, .terminal p{ - position: relative; - color: #00ff00; - font-family: 'Roboto', sans-serif; - font-size: 14px; -} -.terminal .cursor{ - position: relative; - top: 0; - bottom: 0; - right: 0; - width: 100%; - background: black; - box-sizing: border-box; - -webkit-box-sizing: border-box; - border-left: .5em solid; - - -webkit-animation: typing 12s steps(20, end) infinite, - blinking 1s step-end infinite; - animation: typing 12s steps(20, end) infinite, - blinking 1s step-end infinite; + +.project-folder { + background-color: #8cf5f5; + color: #1e3332; + border: 1px solid grey; } -@-webkit-keyframes blinking { - from, to { border-color: transparent; } - 50% { border-color: green; } +.project-head { + padding: 15px; + background-color: #548f8f; } -@keyframes blinking { - from, to { border-color: transparent; } - 50% { border-color: green; } +.project a { + color: black; } + +.certifications { + background-color: #253ab7; + color: #7599c4; +} + +.cert-img { + display: block; + width: 100%; + height: auto; +} + +.overlay { + position: absolute; + bottom: 0; + background: rgb(0, 0, 0); + background: rgba(0, 0, 0, 0.5); + color: #f1f1f1; + width: 100%; + transition: .5s ease; + opacity: 0; + color: white; + font-size: 15px; + padding: 15px; + text-align: center; +} + +.cert-container { + position: relative; + width: 50%; + max-width: 200px; + margin: 5px; +} +.cert-container:hover .overlay { + opacity: 1; +} + +.modal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1; /* Sit on top */ + padding-top: 100px; /* Location of the box */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgb(0,0,0); /* Fallback color */ + background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ +} + +/* Modal Content (image) */ +.modal-content { + margin: auto; + display: block; + width: 80%; + max-width: 700px; +} +/* Add Animation */ +.modal-content, #caption { + -webkit-animation-name: zoom; + -webkit-animation-duration: 0.6s; + animation-name: zoom; + animation-duration: 0.6s; +} + +@-webkit-keyframes zoom { + from { + -webkit-transform: scale(0) + } + + to { + -webkit-transform: scale(1) + } +} + +@keyframes zoom { + from { + transform: scale(0) + } + + to { + transform: scale(1) + } +} + +/* The Close Button */ +.close { + position: absolute; + top: 15px; + right: 35px; + color: #f1f1f1; + font-size: 40px; + font-weight: bold; + transition: 0.3s; +} + + .close:hover, + .close:focus { + color: #bbb; + text-decoration: none; + cursor: pointer; + } diff --git a/index.html b/index.html index e9fc419..198edab 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + @@ -6,213 +6,578 @@ - - - - - - - - - - - - - Robert Jeutter - Student, Freelancer, Ingenieur + + + + + + + + + + + + + Robert Jeutter - Student, Entrepreneur, Ingenieur - - - - - - - - - - - + + + + + + + + + - +
+
+ - +
Wish you a lucky Day
+
+
+
+
+

+ Robert + Jeutter +

+
-
Wish you a lucky Day
+
+
+
+ ProfilBild +
+
+

Inventor · Entrepreneur · Student

+

+ Welcome to my Card,
+ currently I am studying at Technical University of Ilmenau in the fields of Computer Sience and Biomechatronics.
+ In addition i am an active member of the student club, Engineers without Borders and building up my own business NorthScorp.
+ My Hobbies include Programming, building Robots ever since my RoboCup Qualifications and electromechanical Machines. +

+
+
+

Skills

+
+
Progamming
+
+

+ +

+
+
+ C + C# + C++ + Phyton + Java +
+
+
-
-
-
-
- ProfilBild +
+
FullStack WebDev
+
+

+ +

+
+
+ HTML5 + CSS + JavaScript + PHP + NodeJS + SQL + MongoDB +
+
+
+ +
+
CAD, Graphic & Design
+
+

+ +

+
+
+ Inventor + OpenSCAD + Photoshop + Gimp + Bootstrap +
+
+
+ +
+
+ +
-
-
-

- Robert - Jeutter

-

Inventor · Freelancer · Student

-

Welcome to my Card,
- currently I am studying at Technical University of Ilmenau in the fields of Mechatronic and Biomechatronics.
- In addition i am an active member of the student club, Engineers without Borders and a studential Makerspace UNIKAT.
- My Hobbies include Programming, building Robots (ever since my RoboCup Qualifications) and Machines. -

- -
- +
+
+

+ + My Projects and Works +

+
+
+
+
+

RoboCup participants

+
+
+

With a team up to four we build and programmed multiple robots to play football against each other or 2v2. With much fun and learning we worked together for several years and remain our friendships.

+
+
+ +
+
+
+ +
+
+

Student newspaper

+
+
+

A bit late i joined the schools newspaper and ranked up quickly with articles and proofleading.

+
+
+ +
+
+
+ +
+
+

UNIKAT

+
+
+

My first club at University of Ilmenau: UNIKAT, the makerspace for students and scholars. Here i worked for nearly three years on 3d-printers, CNC-milling-machines and much more. Each semester we also made a workshop week and gave our knowledge to further students. I retired at the end of 2019 but am still visiting and sometimes working there.

+
+
+ +
+
+
+ +
+
+

Robocup Volunteer

+
+
+

After school my university didn't have a robotics contest so i am currently volunteering as referee and helping hand for the organizers.

+
+
+ +
+
+
+ +
+
+

Engineers without borders

+
+
+

Who are we? Engineering students! What are we doing? Helping other people!
As some of us are planning and working on projects down in africa i am responsible for the repair cafe to keep things running.

+
+
+ +
+
+
+ +
+
+

Python Intro

+
+
+

I am programming for many years now and want to start making cheatsheets and introductions to several programming languages. Python wasn't my first language but i think is for most the easiest to begin with. Therefor i started this Project on Github.

+
+
+ +
+
+
+ +
+
+

BI Student Club

+
+
+

Mainly because of the music i joined this club on my campus. With good old (and new) metal and rock we got some of the hardest partys and best members you can imageine. After some time i am one of our head technicans. Currently i am responsible for our cultural programm and association communication.

+
+
+ +
+
+
+ +
+
+

Projectmanagement

+
+
+

Working with a team you get to know that nobody has that much of a overview what tools you can use to work and participate. This bilingual sheet is a short overview of tools and programms to make your cooperations and projects easier.

+
+
+ +
+
+
+ +
+
+

Business card

+
+
+

You want to be seen and show people what you do? This page is an example of my business card project. Feel free to use it for your own. A description on how to get free webspace included.

+
+
+ +
+
+
+ +
+
+

Discord Bot

+
+
+

With corona virus pandemia we shipped our weekly club meeting to discord. For management, fun and more interactivity we created a discord bot with several functions.

+
+ +
-
-
-

Skills

-
-
Progamming
-
-

-
-
- C - C# - C++ - Phyton - Java -
-
-
-
-
FullStack WebDev
-
-

-
-
- HTML5 - CSS - JavaScript - PHP - NodeJS - SQL - MongoDB -
-
-
+
+

Certifications

+
+ +
+ +
Full Stack WebDev
+
+ +
+ +
HTML 5 Champion
+
+ +
+ +
Advanced SQL Analytics
+
+ +
+ +
MySQl for Data Analysis
+
+ + +
+ +
Basic HTML
+
+ +
+ +
CakePhp
+
+ +
+ +
Dynamic Web Forms with validation
+
+ +
+ +
GitHub Grundlagen
+
+ +
+ +
HTML 5
+
+ +
+ +
HTML Bootcamp
+
+ +
+ +
Web Development Crash Course
+
+ +
+ +
HTML5 and CSS3
+
+ +
+ +
InfiniteScroll AJAX
+
+ +
+ +
Landing Page Hacks
+
+ +
+ +
HTML5 and CSS3 by Coding
+
+ +
+ +
Learn HTML5
+
+ +
+ +
Make Ecommerce Website Front-End
+
+ +
+ +
PHP&MySQL
+
+ +
+ +
PSD Frontend
+
+ +
+ +
Telegram Bot with Python
+
+ +
+ +
XHTML-01
+
+ +
+ +
XHTML-02
+
+ +
+ +
XHTML-03
+
+ +
+ +
XHTML-04
+
+ +
+ +
XHTML-05
+
+ +
+ +
XHTML-06
+
+ +
+ +
XHTML-07
+
+ +
+ +
Yii PHP Framework
+
+ + + +
+ +
Amazon FBA
+
+ +
+ +
eBay Dropshipping
+
+ +
+ +
Exel 2010 Productivity
+
+ +
+ +
Godot Game Engine
+
+ +
+ +
Google Sheets
+
+ +
+ +
GoogleDocs
+
+ +
+ +
Grundlagen Vermögensverwaltung
+
+ +
+ +
Landschaftsfotografie
+
+ +
+ +
Microsoft Exel Pivot
+
+ +
+ +
Startup & Business
+
+ +
+ +
Visual Studio Code Hacks
+
+ + +
+ +
Robocup 2014
+
+ +
+ +
Robocup 2015
+
+ +
+ +
Robocup 2016
+
+ +
+ +
Robotik
+
+ +
+ +
Mechatronik Seminar
+
+ + + +
+ +
146. Jugend Presse Kongress
+
+ +
+ +
150. Jugend Presse Kongress
+
+ +
+ +
Multimedia Workshop
+
-
-
CAD, Graphic & Design
-
-

-
- Inventor - OpenSCAD - Photoshop - Gimp - Bootstrap -
-
-
-
-
+ -
I like your interest in my Site, write me that you found that ;)
+
+ -
-
-

Long Ago

-
    -
  • 2008 - 2016 higher education entrance qualification
  • -
  • 2009 - 2016 member of Robotics Workgroup 'ARA'
  • -
  • 2009 - 2016 Robotics and Robocup Scholar Challenges, championships in Germany and Europe
  • -
  • 2012 - 2014 autonomous tracked vehicle for outdoor excursions
  • -
  • 2014 - 2016 Coilgun with 16 Stages
  • -
-
-
-

Recently

-
    -
  • 2016 - 2019 studying Mechatronics and Biomechatronics at TU Ilmenau
  • -
  • 2016 - 2019 UNIKAT Member, responsible for 3DPrinters, CNC-Milling-Machine, Power of the Keys
  • -
  • 2018 - 2019 WebDev Bootcamp Refactoring
  • -
-
-
-

Just Now

- -
-
- - - - - - + + + + diff --git a/index.js b/index.js index 2f9431f..cbf15a4 100644 --- a/index.js +++ b/index.js @@ -24,3 +24,24 @@ $("#cad").hover( $("#cad1").css("display", "block"); $("#cad2").css("display", "none"); }); + + +//Certification show +var modal = document.getElementById("myModal"); +var modalImg = document.getElementById("modalImage1"); +//var img = document.getElementById("img1"); + +img.onclick = function () { + modal.style.display = "block"; + modalImg.src = this.src; +} + +function modalImg() { + modal.style.display = "block"; + modalImg.src = this.src; +} +// When the user clicks on (x), close the modal +var span = document.getElementsByClassName("close")[0]; +span.onclick = function () { + modal.style.display = "none"; +}