Challenge Overview
Competition Task Overview
We have created a HTML based prototype for a project called CCCS. In this challenge, we need your help to convert our HTML prototype into a drupal themes using its template and content management features.
Please make sure all 2 pages in the current prototype are converted, and all features including responsive parts should still work the same and stay consistent with the current prototype.
All pages should look the same after converting to drupal.
Please make sure you only use the javascript libraries already used in the prototype. If you need to use something else, you need to get approval from us.
Detailed Requirements
1) Page Type: Home Page (desktop and mobile)
- News Ticker : Text (limited), Date, and Link to full content.
- Phone : Text
- Login link and Search box.
- Header : Menu and sub menus (dynamic), Logo needs to be image and replaceable.
- 1st Carousel (Main) : Main image carousel, 3 Big button below (text).
- 2nd Carousel : Images and link below
- Upcoming Event : Event headline (image, date text, title link), event list (date text, icon, and title link)
- Blog Articles : Blog newest (image, date, summary of content), blog list (date, summary of content link)
- Video Highlights : 2 Videos (video, Title, subtitle, content)
- Summary Area : 3 Icons and 3 Text
- Tools and Resources : Button and link
- Social Media : Button icons
- Stay Connected : email textbox
- Footer top : Text and list of images for partners
- List of Links : Link
2) Page Type: Webinar Page (desktop and mobile)
- Phone : Text
- Login link and Search box.
- Header : Menu and sub menus (dynamic), Logo needs to be image and replaceable.
- Title of Page
- Page Category
- Breadcrumbs
- Summary Text
- Category Content : Icon, Title, Link, Summary of category, Type of events, Scheduled Timeline table of event (Date, Time, Location and Sign up Link)
- Right sidebar, Title (webinar calendar), image and Date, icon, details date and title
- Right sidebar, List of event each month (based on content)
- Summary Area : 3 Icons and 3 Text
- Social Media : Button icons
- Stay Connected : email textbox
- Footer top : Text and list of images for partners
- List of Links : Link
Technology Overview
- Drupal
- HTML
- Javascript
Documentation Provided
- Available in Challenge Forum.
Final Submission Guidelines
Submission Deliverables
- The prototype recreated using drupal templates and content management features.
- A complete and detailed deployment documented explaining how to deploy the prototype and test it.
- A demo video.
Final Submission
For each member, the final submission should be uploaded to the Online Review Tool.