Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

jQuery mobile business card website {Mobile website} components: 1. Create file

ID: 3675830 • Letter: J

Question

jQuery mobile business card website {Mobile website} components:

1.    Create file index.html
2.    Build for HTML with head, title and body tags.
3.    Include needed .js and .css for any version of jQuery.
4.    Your Name and Job Title
5.    Add email link mail to your email address.
6.    Add link to a phone number.
7.    Add Geo location or map link
8.    Optional Links to Twitter or Linkedin.
9.    Include one image (head shot or other)

Im using NotePad++ to write my code, could you help me put together the basic outline (site code) of this and I will fill in the blanks(if you could bold the spots where I should incert the criteria) as far as the: phone number, name, job title, email, geo location, image

Thanks!

Explanation / Answer

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Details</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
  
<table>
<tr>
<td>
<img alt="" src="http://www.sji.ie/portals/0/Picture_online-2015_1.jpg" width="200" height="50" />
</td>
</tr>
<tr>
<td>
<span>Your Name</span><input id="txtname" type="text" />
</td>
  
</tr>
<tr>
<td>
<span>Job Title</span><input id="txtjobtitle" type="text" />
</td>
</tr>
<tr>
<td>
<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">Send Mail</a>
</td>
</tr>
<tr>
<td>
<a href="callto://15555551212" title="Call Me">Call Me</a>
</td>
</tr>
<tr>
<td>
<a href="https://www.google.co.in/maps/@17.7386722,83.2625912,11z?hl=en" title="Call Me" target="_blank">Click Map Link</a>

</td>
</tr>
<tr>
<td>
<a href="https://in.linkedin.com/" title="Call Me" target="_blank">Click linkedin</a>

</td>
</tr>
</table>

</body>
</html>