Interactive Design Project 2

-


Dayyan Ahmed 0344670
Interactive Design
Project 2 


For our project 2 we had to code the layout we had made in our project 1 
we were to use html , css and other sources such as bootstrap etc.

Html coding for land page

fig 1.1 html coding for land page

fig 1.2 html coding for land page

fig 1.3 coding for land page

Css for land page 

fig 1.4 css for land page

fig1.5 css for land page

fig 1.6 css for land page

In the next couple of coding parts my application for the animation is shown using css @key-frames attributes.

fig 1.7 css for land page 

fig 1.8 css for land page 

Here is what the outcome of the coding came to be .

fig1.9 section 1 

fig 2.1 section 2 

fig 2.2 section 3 

Click the image to go to live land page and view the animation and responsive as well

As an added measure since i experienced how long it actually takes to sit and code a page and get proper coding html and css below i attached the files and codes and css for anyone to use as a template if they want.


Popular posts from this blog

Design Research Dissertation - Final Compilation and reflection

-
Image
  Dayyan Ahmed - 0344670 Design research dissertation  Final Compilation and reflection Instructions Dissertation Turnitin report  Research article for publication  Reflections Out of all the things we learned this semester for me the three key elements would be. First, summarizing text. My way of writing is often very descriptive however in this module we were going the other way and decreasing words which was pretty annoying in the beginning but then I caught up pretty good. Identifying key words and to the point descriptions easily let me decrease my text at the same time keeping the relevant content. Secondly, I think I have been going through this since i started university. Organization , the importance of organizing your work flow is extremely important especially when you have the pressure of four other modules. If I was to follow my old work flow I probably would be dead but i kept my work flow pretty organized this time and ev...
Read more

Major project - Final compilation and reflection

-
Image
  Dayyan Ahmed 0344670 Bachelor's of Design Creative Media Major Project Final compilation and reflection Instructions Project Breif  Our breif for our major project was pretty straightforward we had to find a real life problem and produce a real life solution for it through our project. After which we provide a proposal to be accepted. at the end of the semester we were to present our projects in an exhibition. My choice of topic was "binaural beats as an aid in drug recovery" related to the sdg of drug abuse and solutions Proposal : So my chosen project was countering the problem of increasing drug relapse in rehab centres due to doctors not having a solution to help their patients in recovery. My solution was to run a campaign about an effective solution that doctors can use to help their patients to decrease relapse which was binaural beats. The topic of drug recovery is also personal to me as i have faced this same problem while going through recovery and the doc...
Read more

Creative brand strategy - project 3 content conversion and statistics

-
Image
Creative brand strategy  project 3 Dayyan Ahmed (0344670) Content conversion and statistics Instructions Task brief  For project 3 we were told to compile all our content and then analyze and compare which posts had the highest conversion rate. what type of posted they were and how well did they work through the campaign Final compilation and statistics presentation Feedback  - Slides were a bit too statistic based - Could make more room to show more content  Reflection The final project here helped me understand how different content interacts with an audience. During the comparison i could point out which type of content was above others and a more better approach when running a specific campaign.
Read more