{"id":94,"date":"2026-10-15T18:16:59","date_gmt":"2026-10-15T18:16:59","guid":{"rendered":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/?p=94"},"modified":"2026-10-15T23:57:23","modified_gmt":"2026-10-15T23:57:23","slug":"fitness-program-website","status":"publish","type":"post","link":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/?p=94","title":{"rendered":"Website development"},"content":{"rendered":"\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400;text-transform:none\">FitTips is a website I designed and built for a training and motivation program. The goal was a site that feels direct and motivating, with a plan for visitors. I paired a dark navy and bright orange palette with bold uppercase Poppins headings for energy, and kept the layout simple: images with a clear call to action, three benefit cards, a stats row, a testimonial carousel, and a news section. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-video\"><video height=\"480\" style=\"aspect-ratio: 852 \/ 480;\" width=\"852\" controls src=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/webvid.mp4-1.mp4\" playsinline><\/video><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"aligncenter wp-block-icon\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\">\n\t<path d=\"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z\" \/>\n<\/svg>\n<\/div>\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-secondary-color has-text-color has-link-color wp-elements-1\"><strong>FitTips<\/strong><\/h3>\n\n\n\n<div style=\"height:39px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"1024\" src=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-135420-edited-658x1024.png\" alt=\"\" class=\"wp-image-100\" srcset=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-135420-edited-658x1024.png 658w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-135420-edited-193x300.png 193w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-135420-edited-768x1195.png 768w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-135420-edited.png 816w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"711\" height=\"1024\" src=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-134941-711x1024.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-134941-711x1024.png 711w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-134941-208x300.png 208w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-134941-767x1106.png 767w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-15-134941.png 934w\" sizes=\"auto, (max-width: 711px) 100vw, 711px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/contact-ss-1-1024x661.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/contact-ss-1-1024x661.png 1024w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/contact-ss-1-300x194.png 300w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/contact-ss-1-767x495.png 767w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/contact-ss-1-1536x991.png 1536w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/contact-ss-1-2048x1322.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400;text-transform:none\">The site has five pages (Home, Workouts, Nutrition, Gallery, Contact) with the same navigation on each, and it adapts to phones and tablets. I built it with HTML, CSS, and Bootstrap.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:41.67%\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"665\" data-id=\"111\" src=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-edited.png\" alt=\"\" class=\"wp-image-111\" srcset=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-edited.png 1080w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-edited-300x185.png 300w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-edited-1024x631.png 1024w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-edited-768x473.png 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n<\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"658\" src=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-1.png\" alt=\"\" class=\"wp-image-109\" style=\"width:251px;height:auto\" srcset=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-1.png 440w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-1-201x300.png 201w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"535\" height=\"390\" src=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-2.png\" alt=\"\" class=\"wp-image-110\" srcset=\"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-2.png 535w, https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/wp-content\/uploads\/2026\/10\/Untitled-design-2-300x219.png 300w\" sizes=\"auto, (max-width: 535px) 100vw, 535px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\">Visit the site<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>FitTips is a website I designed and built for a training and motivation program. The goal was a site that feels direct and motivating, with a plan for visitors. I paired a dark navy and bright orange palette with bold uppercase Poppins headings for energy, and kept the layout simple: images with a clear call [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-94","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"_links":{"self":[{"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":2,"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=\/wp\/v2\/posts\/94\/revisions\/112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=\/wp\/v2\/media\/111"}],"wp:attachment":[{"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alvine-rocheline-kangni.graphicandwebdesign.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}