portfolio_implementation

I uploaded videos by using the "embed a YouTube or Vimeo video" button. I had no problem with this as I was able to quickly add videos and position them on my site by grabbing hold of the "hand icon", found top left of the video box.

My contact form created at www.jotform.com, containing name, email and CAPTCHA fields plus a colour style that matches my site's colour theme

It also made re-sizing very easy. All I had to do was drag at the right bottom corner, while holding the 'Shift' and 'Alt' keys to retain proportion.
This was very useful for me in terms of trial and error as I didn't have to go back and forth within source codes to get the right dimensions.

Initially, I created a grey text box and typed my content into it but I quickly found out that I couldn't style or position individual texts as HOTGLUE wouldn't let me do that. In editing, it looked like it was at least positioning but once I came out, it went back to normal.

I made my contact page by creating a jquery form at jotform.com with all the necessary contact information I needed. Then I uploaded it to my Contact page by creating a text box and pasting the source code into it.
I had to go back and tweak its size at jotform.com so I could get it to fit the way I wanted.

So what I started doing was, I'd first create a background box, colored grey to serve as the content field. Then I'd create a header text box, with a transparent color and give it a San-serif font, with large text size. For the body content, I'd create another transparent text box with a serif font; typewriter to be specific, with a smaller text size. I'd then reduce the size of the box so each line contained between 8 to 10 words. This was for easy reading of the contents.
This allowed me the freedom to style different sections of my content boxes as I wanted.

Grey background box acting as content field

Header box with large san-serif font

Body box with small serif font

The "embed a youtube or vimeo video" button allows you to add videos via their url

With the video highlighted, drag the hand icon (top left corner) to position and re-size by dragging at the right bottom of video

image sourced from www.jotform.com

Here, I have the contact form uploaded on my HOTGLUE site, with the grey background behind stretched a bit down to contain the form

I uploaded it to my Contact page by creating a text box and pasting the source code into it.
I had to tweak the dimensions in the code so it could fit better into my page. To compensate, I stretched the grey background of the page down a bit so it could contain the form.