https://josepcomas.com/

Eingereichte URL:
https://josepcomas.com/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://www.linkedin.com/in/jcomas/LinkedIn
https://twitter.com/cocoboigTwitter
https://www.facebook.com/josep.comas.comasFacebook
https://www.instagram.com/cocoboig/Instagram

JavaScript-Variablen · 19 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
0object
1object
2object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
uidEventnumber
bootstrapobject
FontAwesomeConfigobject
___FONT_AWESOME___object

Konsolenprotokoll-Meldungen · 0 gefunden

In der Web-Konsole protokollierte Meldungen

HTML

Der HTML-Rohtext der Seite

<!DOCTYPE html><html lang="en"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
	<meta name="description" content="I am offering my services as IT engineer">

	<title>Josep Comas - IT Engineer</title>

	<link rel="icon" href="/favicon.ico" sizes="any">

	<!-- Search for a new library version:https://cdnjs.com/ -->
	<!-- Generate "integrity" hash: https://www.srihash.org/ -->

	<!-- Bootstrap 5 -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/css/bootstrap.min.css" integrity="sha512-GQGU0fMMi238uA+a/bdWJfpUGKUkBdgfFdgBm72SUQ6BeyWjoY/ton0tEjH+OSH9iP4Dfh+7HM0I9f5eR0L/4w==" crossorigin="anonymous" referrerpolicy="no-referrer">

	<!-- Font Awesome -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" media="all" onload="this.media='all'">

	<!-- Cookies consent -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.css" integrity="sha512-LQ97camar/lOliT/MqjcQs5kWgy6Qz/cCRzzRzUCfv0fotsCTC9ZHXaPQmJV8Xu/PVALfJZ7BDezl5lW3/qBxg==" crossorigin="anonymous" referrerpolicy="no-referrer" media="all" onload="this.media='all'">

	<!-- Google fonts -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
	<link rel="stylesheet" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Cookie&amp;display=swap">

<style></style></head>


<body><div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window cc-banner cc-type-info cc-theme-block cc-bottom cc-color-override-688238583 " style=""><!--googleoff: all--><span id="cookieconsent:desc" class="cc-message">This website uses cookies to ensure you get the best experience on our website. <a aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="/cookies-policy.html" rel="noopener noreferrer nofollow" target="_blank">Learn more</a></span><div class="cc-compliance"><a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Got it!</a></div><!--googleon: all--></div>

	<!-- Main Menu -->
	<nav class="navbar navbar-light bg-light sticky-top border-bottom shadow-sm p-0">
		<div class="container">
			<a class="navbar-brand" href="#">
				<img src="img/josep.png" width="40" height="40" class="d-inline-block align-middle" alt="">
				<span style="font-family: 'Cookie'; font-size: 1.8em;"> Josep Comas's home page</span>
			</a>
			<!--
			<nav class="my-2 my-md-0 mr-md-3" style="font-size:1.2em">
				<a class="p-2" href="/">Home</a>
				<a class="p-2" href="/resources">Resources</a>
				<a class="p-2" href="/contact">Contact</a>
			</nav>
			-->			
			<nav class="my-2 my-md-0 mr-md-3">
				<a class="p-2" style="color:#0077b5" href="https://www.linkedin.com/in/jcomas/" aria-label="LinkedIn"><i class="fa-brands fa-linkedin fa-2x" aria-hidden="true"></i></a>			
				<a class="p-2" style="color:#55acee" href="https://twitter.com/cocoboig" aria-label="Twitter"><i class="fa-brands fa-twitter-square fa-2x" aria-hidden="true"></i></a>			
				<a class="p-2" style="color:#3b5998" href="https://www.facebook.com/josep.comas.comas" aria-label="Facebook"><i class="fa-brands fa-facebook-square fa-2x" aria-hidden="true"></i></a>
				<a class="p-2" style="color:#517fa4" href="https://www.instagram.com/cocoboig/" aria-label="Instagram"><i class="fa-brands fa-instagram-square fa-2x" aria-hidden="true"></i></a>
			</nav>			
		</div>
	</nav>

	
	<!-- Page Content  -->
	<div class="container mt-3 mb-3">

		<h1>Welcome to my web page!</h1>

		<p class="mt-3">Hello! I am Josep Comas and I work as IT Engineer (software and hardware, wide spectrum).<br><br>
                                            You can use following form to contact with me:</p>

		<!-- Contact Form -->
        	<form id="contactForm" class="row mt-3 needs-validation" novalidate="" action="?" method="post">


               		<div class="col-md-3 mb-3">
               			<label for="fName" class="form-label">First name</label>
              			<input type="text" class="form-control" id="fName" name="fName" required="">
               		</div>

               		<div class="col-md-3 mb-3">
               			<label for="fLastName" class="form-label">Last name</label>
               			<input type="text" class="form-control" id="fLastName" name="fLastName" required="">
               		</div>

               		<div class="col-md-6 mb-3">
               			<label for="fEmail" class="form-label">Email</label>
               			<input type="email" class="form-control" id="fEmail" name="fEmail" required="">
               		</div>


			<div class="col-md-12 mb-3">
				<label for="fMessage" class="form-label">Message</label>
				<textarea class="form-control" id="fMessage" name="fMessage" rows="5" required=""></textarea>
			</div>
		
			<div>&nbsp;</div>

			<div id="recaptcha" class="g-recaptcha" data-sitekey="6LcmcVMfAAAAABPA-VjnKBBeja2g5aTgiYev3YNN" data-callback="onSubmit" data-size="invisible"><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-9otzvj96nm5y" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LcmcVMfAAAAABPA-VjnKBBeja2g5aTgiYev3YNN&amp;co=aHR0cHM6Ly9qb3NlcGNvbWFzLmNvbTo0NDM.&amp;hl=en&amp;v=pPK749sccDmVW_9DSeTMVvh2&amp;size=invisible&amp;cb=jnk0odrsk4bp"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>

			<div class="message"></div>
			
			<div class="col-md-12 text-center">
				<button id="btnSubmit" class="btn btn-primary" type="submit">Submit form</button>
			</div>
			
        	</form>

	</div>

	<!-- Footer -->
	<footer class="footer bg-dark text-white mt-4">
		<div class="container py-4 text-center">
			<div>Page optimitzed using Google Lighthouse and GTmetrix</div>
			<div><a href="/cookies-policy.html" class="text-warning">Cookies policy</a></div>
		</div>
	</footer>
	
	
	<!-- Fonti Awesome -->
	<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/pPK749sccDmVW_9DSeTMVvh2/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-BJuEtmqk8gvp2kvOiXzxtaoRQQS7QjSOSAczV0tKC29lpbOt/RFR43n1iVnzO4Em"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/fontawesome.min.js" integrity="sha512-5qbIAL4qJ/FSsWfIq5Pd0qbqoZpk5NcUVeAAREV2Li4EKzyJDEGlADHhHOSSCw0tHP7z3Q4hNHJXa81P92borQ==" crossorigin="anonymous" referrerpolicy="no-referrer" async="" defer=""></script>

	<!-- Bootstrap -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.bundle.min.js" integrity="sha512-pax4MlgXjHEPfCwcJLQhigY7+N8rt6bVvWLFyUMuxShv170X53TRzGPmPkZmGBhk+jikR8WBM4yl7A9WMHHqvg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

	<!-- Cookies consent -->
	<!-- Generate parameters: https://www.osano.com/cookieconsent/download/ --> 
	<script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.js" integrity="sha512-yXXqOFjdjHNH1GND+1EO0jbvvebABpzGKD66djnUfiKlYME5HGMUJHoCaeE4D5PTG2YsSJf6dwqyUUvQvS0vaA==" crossorigin="anonymous" referrerpolicy="no-referrer" async="" defer=""></script>
	<script src="js/app.js" async="" defer=""></script>

	<!-- reCAPTCHA v2 invisible -->
	<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
	<script>

		function onSubmit(token) {

	       		event.preventDefault();

			//alert('Send data!');
			var contactForm = document.getElementById('contactForm');
			var url = "/send_email.php";
			var xhr = new XMLHttpRequest();
			xhr.onload = function() {
				if (xhr.status === 200) {
					data = JSON.parse(xhr.responseText);

					// we receive the type of the message: success x danger and apply it to the 
					var messageAlert = 'alert-' + data.type;
					var messageText = data.message;

					// let's compose Bootstrap alert box HTML
					var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissible" role="alert">' + messageText +
						'<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>' +
						'</div>';
					// If we have messageAlert and messageText
					if (messageAlert && messageText) {
						contactForm.querySelector('.message').innerHTML = alertBox;
						contactForm.classList.remove('was-validated')
						contactForm.reset();
					}
				}
			};
			xhr.open('POST', url, true);
			xhr.send(new FormData(contactForm));
			return false;
		}


		var contactForm = document.getElementById('contactForm');

		contactForm.addEventListener('submit', function (event) {

	       		event.preventDefault();
	          	event.stopPropagation();
	        	if (contactForm.checkValidity()) {
				grecaptcha.execute();
			}
			contactForm.classList.add('was-validated')

		}, false);

	</script>




<div style="visibility: hidden; position: absolute; width: 100%; top: -10000px; left: 0px; right: 0px; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.5;"></div><div style="margin: 0px auto; top: 0px; left: 0px; right: 0px; position: fixed; border: 1px solid rgb(204, 204, 204); z-index: 2000000000; background-color: rgb(255, 255, 255);"><iframe title="recaptcha challenge expires in two minutes" name="c-9otzvj96nm5y" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/bframe?hl=en&amp;v=pPK749sccDmVW_9DSeTMVvh2&amp;k=6LcmcVMfAAAAABPA-VjnKBBeja2g5aTgiYev3YNN" style="width: 100%; height: 100%;"></iframe></div></div></body></html>