Scribd
Upload
13 views2 pages

Index

Uploaded by

thisislondonbaby507
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
13 views2 pages

Index

Uploaded by

thisislondonbaby507
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Name - Resume</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
.container {
max-width: 800px;
margin: 20px auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #4CAF50;
}
h2 {
color: #333;
}
p {
font-size: 1.1em;
}
.section {
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>Your Name</h1>
<p><strong>Contact Information:</strong> Email | Phone | LinkedIn</p>

<div class="section">
<h2>Objective</h2>
<p>Brief objective about your career goals and aspirations.</p>
</div>

<div class="section">
<h2>Experience</h2>
<p><strong>Job Title - Company Name</strong> (Year - Year)</p>
<ul>
<li>Responsibility/achievement 1</li>
<li>Responsibility/achievement 2</li>
</ul>
</div>

<div class="section">
<h2>Education</h2>
<p><strong>Degree - University Name</strong> (Year - Year)</p>
</div>

<div class="section">
<h2>Skills</h2>
<p>List your key skills, such as programming languages, tools, etc.</p>
</div>

<div class="section">
<h2>Projects</h2>
<p>Highlight relevant personal or professional projects.</p>
</div>

<div class="section">
<h2>Visitor Count</h2>
<p><strong>Visitors:</strong> <span
id="visitor-count">Loading...</span></p>
</div>
</div>

<script>
async function updateVisitorCount() {
try {
// Fetch data from the API
const response = await fetch('https://yqpbsv9z7j.execute-api.us-east-
1.amazonaws.com/prod/count');

// Ensure the response is OK


if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}

// Parse JSON response


const jsonResponse = await response.json();

// Access the count value from the response body


const count = jsonResponse.body.count;

// Update the webpage if count exists


if (count !== undefined) {
document.getElementById('visitor-count').textContent = count;
} else {
throw new Error('Count not found in response body');
}
} catch (error) {
console.error('Error fetching visitor count:', error);
document.getElementById('visitor-count').textContent = 'Error: Invalid
response.';
}
}

// Call the function when the page loads


updateVisitorCount();

</script>
</body>
</html>

You might also like