Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <link href="02-Kent.css" rel="stylesheet" />
- <title>Kent's Media Profile</title>
- <meta charset="utf-8" />
- </head>
- <body>
- <main id="main">
- <header>
- <h1>Profile</h1>
- </header>
- <section id="user-info">
- <h2>User: Kent</h2>
- <figure id= "profile-pic">
- <img src = "data:image/jpeg;base64,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" alt = "Kent" />
- <figcaption>Profile Completed 60%</figcaption>
- </figure>
- <meter value = "60" min="0" max="100"> 60 out of 100</meter>
- </section>
- <!--Audio uploader -->
- <section id="audio-profile">
- <h2>Uploaded Audio Files</h2>
- <embed type="audio/mp3" src="http://www.mfiles.co.uk/mp3-downloads/edvard-grieg-peer-gynt1-morning-mood.mp3" /> <br />
- <audio controls>
- <source src="http://www.mfiles.co.uk/mp3-downloads/edvard-grieg-peer-gynt1-morning-mood.mp3" type="audio/mp3" />
- Your browser does not support the audio tag.
- </audio>
- <audio controls>
- <source src="http://www.mfiles.co.uk/mp3-downloads/edvard-grieg-peer-gynt1-morning-mood.mp3" type="audio/mp3" />
- Your browser does not support the audio tag.
- </audio>
- <audio controls>
- <source src="http://www.mfiles.co.uk/mp3-downloads/edvard-grieg-peer-gynt1-morning-mood.mp3" type="audio/mp3" />
- Your browser does not support the audio tag.
- </audio>
- </section>
- <!--Video uploader -->
- ` <section id="video-profile">
- <h2>Uploaded Video Files</h2>
- <video width="320" height="240" controls>
- <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4" />
- Your browser does not support the video tag.
- </video>
- </section>
- </main>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement