[Mik3y]

I'm sure most of you could write code circles around me.

I just started taking classes for computer technologies and right now we are assigned to make a single "About Me" web page. I'm not asking you to make it for me. I wouldn't mind Skyping someone and asking them questions or even screensharing. Cause sometimes I fuck up and I'm not sure what went wrong lol.

If anyone has some extra time reply or message me!

[VirtualFrost]

I'm sure most of you could write code circles around me.

I just started taking classes for computer technologies and right now we are assigned to make a single "About Me" web page. I'm not asking you to make it for me. I wouldn't mind Skyping someone and asking them questions or even screensharing. Cause sometimes I fuck up and I'm not sure what went wrong lol.

If anyone has some extra time reply or message me!

What are the specifics that you need on the page, I know Codecademy basically does this as their HTML course(I hope) where you basically make an about me page.

[Mik3y]

What are the specifics that you need on the page, I know Codecademy basically does this as their HTML course(I hope) where you basically make an about me page.

This is what my first page needs, it eventually will be a 5 page website. (Hopefully lol.)

Some items to include on your "About" page:

Photograph - professional-looking headshot (nothing awkward or cheesy)
Biography (Bio) - short paragraphs, lots of white space
Your contact information
A link to your resume
Links to your social media (LinkedIn, Twitter, Facebook is optional.)

[VirtualFrost]

This is what my first page needs, it eventually will be a 5 page website. (Hopefully lol.)

You could just simply make divs for each section then I guess. Headshot can be centred in the middle inside one div, the next div being the bio information, then contact & link can be inside one, and then if you wanted to be creative, use social media logo images to link social media.

Or if you wanted it to be a little easier, you could just throw everything inside one 'container' div.
<img src=""></img> (photo)
<br/> (Forces content to next line)
<p>text for bio</p>
<br/>
<p>contact</p>
<br/>
<p><a href="">Resume</a></p>
<p><a href="">Facebook</a> - <a href="">Twitter</a> - <a href="">LinkedIn</a>

Hopefully that helps, it isn't a highly difficult task and it sounds like you have learnt a little HTML. I'd jump on skype myself but I am heading to sleep soon I'm afraid, but maybe that makes sense/helps? Not sure if the above HTML actually works if you put it in, you'd just need to style it.

[Mik3y]

You could just simply make divs for each section then I guess. Headshot can be centred in the middle inside one div, the next div being the bio information, then contact & link can be inside one, and then if you wanted to be creative, use social media logo images to link social media.

Or if you wanted it to be a little easier, you could just throw everything inside one 'container' div.
<img src=""></img> (photo)
<br/> (Forces content to next line)
<p>text for bio</p>
<br/>
<p>contact</p>
<br/>
<p><a href="">Resume</a></p>
<p><a href="">Facebook</a> - <a href="">Twitter</a> - <a href="">LinkedIn</a>

Hopefully that helps, it isn't a highly difficult task and it sounds like you have learnt a little HTML. I'd jump on skype myself but I am heading to sleep soon I'm afraid, but maybe that makes sense/helps? Not sure if the above HTML actually works if you put it in, you'd just need to style it.

I would definitely love to Skype man! I will see what I can use with that code, thank you for that. I will message you.

[Koekert]

Should really not be that hard. Do you have a remote server to work on or are you simply working locally (As it's just an HTML page, probably the latter) If you want, hit me up with your Skype and I'll see what I can assist you on.

[Mik3y]

Should really not be that hard. Do you have a remote server to work on or are you simply working locally (As it's just an HTML page, probably the latter) If you want, hit me up with your Skype and I'll see what I can assist you on.

I will be working locally, it is just an HTML page you are correct. I just PMed you.

[Strider64]

I know I'm late to the game, but here's my rendition:

Code

<!DOCTYPE html>
<html lang="en">
    [b]<!--[/b]
    Some items to include on your "About" page:

    Photograph - professional-looking headshot (nothing awkward or cheesy)
    Biography (Bio) - short paragraphs, lots of white space
    Your contact information
    A link to your resume
    Links to your social media (LinkedIn, Twitter, Facebook is optional.)
    -->
    <head>
        <title>About Me</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            * {
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }
            body {
                background-color: #2e2e2e;
                padding: 0;
                margin: 0;
            }

            .textWrapLeft {
                float: left;
                margin-top: 10px;
                margin-right: 10px;
            }
            .textWrapRight {
                float: right;
                margin-top: 10px;
                margin-left: 10px;
            }

            article#about {
                display: block;
                width: 100%;
                max-width: 800px;
                height: 900px;
                border: 10px solid #b9c9fe;
                background-color: #fff;
                padding: 30px;
                margin: 20px auto;
            }
            article#about h1 {
                font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
                font-size: 2.4rem;
                line-height: 1.5;
                color: #2e2e2e;
            }
            article#about p {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.2rem;
                line-height: 1.5;
                color: #2e2e2e;
            }
            a {
                display: block;
                width: 100%;
                max-width: 200px;
                height: 40px;
                background-color: #b9c9fe;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.2rem;
                line-height: 40px;
                text-decoration: none;
                text-align: center;
                text-transform: uppercase;
                color: #039;
            }
            a:hover {
                background-color: #039;
                color: #b9c9fe;
            }
        </style>
    </head>
    <body>
        <article id="about">
            <h1>About Me</h1>
            <img class="textWrapLeft" src="http://placehold.it/150x150" alt="Profile Picture">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus dui, vehicula non est vitae, rutrum fringilla risus. Etiam ornare odio sit amet massa vulputate, nec placerat massa condimentum. Sed sollicitudin bibendum vehicula. Sed dignissim tristique est ac gravida. Morbi pellentesque vulputate convallis. In commodo ipsum sit amet leo pulvinar cursus. Quisque convallis purus eu odio molestie, sed egestas leo ultricies. Fusce ac lacinia nunc. Proin malesuada turpis eu diam aliquet aliquet. Maecenas tempor nisi ut nulla sodales ultrices. Sed cursus ex non arcu vestibulum, eget laoreet ex feugiat. Maecenas in libero sit amet eros facilisis ultricies id in justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pharetra dui sed est tempus, ut bibendum magna auctor. Suspendisse id lorem sit amet quam fringilla fermentum.</p>
            <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc est erat, aliquet quis velit in, commodo scelerisque sem. Integer venenatis tempus tortor, id tincidunt magna mollis in. Pellentesque arcu eros, scelerisque id turpis id, congue rutrum turpis. Sed auctor urna euismod enim viverra aliquet. Aenean sagittis elit nec ligula rhoncus accumsan. Nulla iaculis quis ante nec commodo. Quisque accumsan non ipsum ornare tincidunt. Pellentesque vitae augue at elit laoreet accumsan non at sem.</p>
            <p>Ut maximus nunc dolor, non porttitor quam sagittis laoreet. Suspendisse et enim aliquam, fringilla ex sit amet, cursus erat. Donec finibus ipsum ac sem semper tincidunt. Quisque consequat, lectus ut molestie molestie, mi mi fermentum lorem, a porttitor orci nisi euismod eros. Vestibulum ac elit gravida, facilisis tortor at, tincidunt velit. Mauris imperdiet porta purus. Quisque blandit eu risus ut iaculis. Ut finibus, massa eu tincidunt maximus, mi neque gravida libero, vitae bibendum odio nibh a elit. Nulla ut purus lacinia, lacinia sem sit amet, dictum orci.</p>
            <a href="#">resume</a>
        </article>
    </body>
</html>

[Rushax]

I don't mind giving you a hand, through PM, thread or IM.

[Squito]

Here you go: https://github.com/rohanpandula/Portfolio