100 Days of Code: Day 23

Home / Technology / Web Development / 100 Days of Code: Day 23
Today I finished my first bootstrap-less website from scratch.

[vc_row css=”.vc_custom_1526680382655{margin-top: 15px !important;margin-bottom: 60px !important;padding-right: 10% !important;padding-left: 10% !important;}”][vc_column][vc_progress_bar values=”%5B%7B%22label%22%3A%22Progress%22%2C%22value%22%3A%2223%22%2C%22color%22%3A%22blue%22%7D%5D” title=”100 Days of Code, Round 1″ percentage_value=”27″ title_color=”#3e3e3e” bar_color=”#1b7da9″ track_height=”20px” track_color=”#e7f6fc” m=”20″ extra_class=”” units=”%”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Goals For Today:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][ultimate_icon_list icon_size=”16″ icon_margin=”20″][ultimate_icon_list_item icon_type=”custom” icon_img=”id^4091|url^https://www.blissfullemon.com/wp-content/uploads/2018/05/done.png|caption^null|alt^null|title^done|description^null”]Finish Wedding Invitation website for 30 Days, 30 Sites challenge[/ultimate_icon_list_item][/ultimate_icon_list][vc_custom_heading text=”The Good:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]It took a while, but I finished my first from-scratch-without-Bootstrap website![/vc_column_text][vc_custom_heading text=”The Bad:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]I can’t complain![/vc_column_text][vc_custom_heading text=”Wedding Invitation Website” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]Since I mostly just finished and polished the design that I described yesterday, I think today I will just let the pictures speak for themselves. If you want to view the page live, the link to the live website is at the bottom of this post.

Please note: I did not make this website responsive or mobile-friendly at all. This was a conscious decision as I really did not want to create an entirely separate mobile design and use browser/device detection to determine which display to show. I will save that for another project in the future. For now, I just wanted to focus on my original design and let you get the full experience. So, if you’re not on a computer or larger screen, you may just want to view the photos.[/vc_column_text][vc_single_image image=”5194″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5195″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5196″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5192″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5201″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5199″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5191″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5193″ img_size=”full” alignment=”center” style=”vc_box_outline” onclick=”link_image”][vc_single_image image=”5198″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5200″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_single_image image=”5197″ img_size=”full” style=”vc_box_outline” onclick=”zoom”][vc_custom_heading text=”Important Links” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]

Let's chat!

%d bloggers like this: