{"id":562,"date":"2023-12-07T10:28:51","date_gmt":"2023-12-07T10:28:51","guid":{"rendered":"https:\/\/www.cmsgalaxy.com\/blog\/?p=562"},"modified":"2023-12-07T10:28:53","modified_gmt":"2023-12-07T10:28:53","slug":"assignment-advanced-bootstrap-skills-assessment-doctors-portfolio-website","status":"publish","type":"post","link":"https:\/\/www.cmsgalaxy.com\/blog\/assignment-advanced-bootstrap-skills-assessment-doctors-portfolio-website\/","title":{"rendered":"Assignment: Advanced Bootstrap Skills Assessment &#8211; Doctor&#8217;s Portfolio Website"},"content":{"rendered":"\n<p><strong>Assignment Description:<\/strong><\/p>\n\n\n\n<p><strong>Objective:<\/strong> In this assignment, you will demonstrate your advanced Bootstrap skills by creating a one-page website for a doctor. The website should contain sections for Objective, Education, Experience, Skills, Certifications, Languages, and References, along with a Contact form.<\/p>\n\n\n\n<p><strong>Instructions:<\/strong><\/p>\n\n\n\n<p><strong>1. Objective Section:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a section at the top of the page for the doctor&#8217;s objective or career summary.<\/li>\n\n\n\n<li>Use Bootstrap typography classes to style the text.<\/li>\n<\/ul>\n\n\n\n<p><strong>2. Education Section:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Below the Objective section, create a section for displaying the doctor&#8217;s educational background.<\/li>\n\n\n\n<li>Utilize Bootstrap&#8217;s grid system to present this information in an organized and responsive manner.<\/li>\n<\/ul>\n\n\n\n<p><strong>3. Experience Section:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After the Education section, include a section for the doctor&#8217;s work experience.<\/li>\n\n\n\n<li>Use Bootstrap cards or similar components to list previous job positions, including job titles, hospital\/clinic names, employment dates, and brief descriptions of responsibilities and achievements.<\/li>\n<\/ul>\n\n\n\n<p><strong>4. Skills Section:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a section to showcase the doctor&#8217;s skills.<\/li>\n\n\n\n<li>Employ Bootstrap badges or progress bars to represent skills such as medical diagnosis, patient care, surgical procedures, etc.<\/li>\n<\/ul>\n\n\n\n<p><strong>5. Certifications Section:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Below the Skills section, add a section for displaying any certifications or licenses held by the doctor.<\/li>\n\n\n\n<li>Use Bootstrap&#8217;s list components or similar elements to format this information.<\/li>\n<\/ul>\n\n\n\n<p><strong>6. Languages Section:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Include a section to highlight languages the doctor is proficient in.<\/li>\n\n\n\n<li>Utilize Bootstrap badges or another appropriate component for this purpose.<\/li>\n<\/ul>\n\n\n\n<p><strong>7. References Section:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a section for listing references, publications, or notable achievements.<\/li>\n\n\n\n<li>Use Bootstrap&#8217;s typography and list components for a clean presentation.<\/li>\n<\/ul>\n\n\n\n<p><strong>8. Contact Form:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the end of the page, add a Bootstrap contact form.<\/li>\n\n\n\n<li>The form should include fields for name, email, subject, and a message.<\/li>\n\n\n\n<li>Implement Bootstrap form validation for the email field.<\/li>\n\n\n\n<li>Use Bootstrap&#8217;s grid system to structure the form elements.<\/li>\n<\/ul>\n\n\n\n<p><strong>Requirements:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ensure the website is responsive and adapts to different screen sizes (e.g., mobile, tablet, desktop) using Bootstrap&#8217;s responsive classes.<\/li>\n\n\n\n<li>Customize the website&#8217;s color scheme and typography using Bootstrap utility classes.<\/li>\n\n\n\n<li>Use appropriate dummy content for each section, including text and placeholder images.<\/li>\n\n\n\n<li>Validate and test the contact form to ensure it functions correctly.<\/li>\n\n\n\n<li>Properly comment your HTML and CSS code to explain the structure and styling choices.<\/li>\n<\/ul>\n\n\n\n<p><strong>Submission:<\/strong><\/p>\n\n\n\n<p>Submit the following as your assignment:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The HTML file for the one-page website.<\/li>\n\n\n\n<li>The CSS file with the styles for the website.<\/li>\n\n\n\n<li>Any additional assets (images, icons) used in the project.<\/li>\n\n\n\n<li>A brief document describing your design choices and the Bootstrap components and classes you utilized.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Assignment Description: Objective: In this assignment, you will demonstrate your advanced Bootstrap skills by creating a one-page website for a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-562","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/comments?post=562"}],"version-history":[{"count":1,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/562\/revisions"}],"predecessor-version":[{"id":563,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/562\/revisions\/563"}],"wp:attachment":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/media?parent=562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/categories?post=562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/tags?post=562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}