Coded Website Design
Overview
Website about Communication design.
Purpose
To quickly inform people and allow them to contact for questions about communication design.
My role
Website design and coding
Process
A 5-page coded HTML and styled in CSS informational website to inform the people that are unfamiliar quick and simple. Hover menu button effect. The pages are Home-with an image slider, What- an about page an image and paragraph of info, Importance with a list and images, Examples- with an image slider with detailed info when clicked, Contact- to answer questions via email. The design look and feel of the site was built from the code I wrote, It is also a responsive layout for mobile.
{"items":["12556b7a-771c-4539-b004-f8d4d5ad615a","f5f1fc53-32ab-405a-8738-a8700a131360","734004aa-78a8-4430-b497-3d6a12bdaa7f","7aef9e54-e52d-41f4-bf7f-724e183a799c","3b571a09-2440-4d3c-9597-d5fd0917e51e","d49e5737-3c4c-4882-8ba7-8a8cb1b0a40d","e2fffaac-ae64-4210-9546-23f792bc048f","590c2f98-953f-44d6-b720-909a703dbf56","a7ba40a3-70e8-4d1b-b2bc-99baf1a66464","2864c6b7-a7f1-439a-844c-2a808cbb3f72","fab22b70-5a7a-44d2-a75a-cd1058f28234","00a5cfff-c17d-4762-81bb-11a3ce717f13"],"styles":{"groupSize":3,"showArrows":true,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":false,"gallerySize":650,"collageAmount":0.8,"collageDensity":0.8,"groupTypes":"1,2h,2v,3t,3b,3l,3r","oneRow":false,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","scrollSnap":false,"itemClick":"expand","fullscreen":true,"allowSocial":true,"allowDownload":false,"allowTitle":true,"allowDescription":false,"loveButton":true,"loveCounter":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":0,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowTitleExpand":true,"allowDescriptionExpand":true,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxHeightMode":"AUTOMATIC","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"textsVerticalPadding":0,"textsHorizontalPadding":0,"titleDescriptionSpace":6,"customButtonText":"","customButtonBorderWidth":1,"customButtonBorderRadius":0,"loadMoreButtonText":"","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"0|bottom|1|fill|false|0|true","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":"color-5","itemShadowOpacityAndColor":{"value":"rgba(0, 0, 0, 0.2)"},"textBoxBorderColor":"color-5","textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":0,"itemOpacity":{"themeName":"color_15","value":"rgba(36,36,36,0.6)"},"itemFont":{"family":"play","displayName":"Heading 5","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px play,sans-serif;"},"itemFontSlideshow":{"family":"play","displayName":"Heading 5","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px play,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"din-next-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"itemDescriptionFont":{"family":"din-next-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"loadMoreButtonFont":{"family":"din-next-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"responsive":false,"modifiedGallerySize":true,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":0,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":940,"height":2146,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":950,"galleryHeight":2146,"scrollBase":0}}