https://josepcomas.com/

ID de l'analyse :
810d4ac4-b90f-4aee-8e30-af345e0eca41Terminée
URL soumise :
https://josepcomas.com/
Fin du rapport :

Liens : 4 trouvé(s)

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

Variables JavaScript : 19 trouvée(s)

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

Messages de journal de console : 0 trouvé(s)

HTML

<!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>