Html practice exercisesmunkák

Need a responsive HTML page with a button, following functionality should only apply to a mobile device view (width < 780px) Once clicked the camera app should launch with an overlay frame, the overlay should include 2 buttons: A 75% transparent camera icon should capture the picture once clicked. The red button should close the camera app with the overly Once a picture is taken a confirmation page should show the recently taken picture with an overlay asking for confirmation and an button for retake (see confirmation page) Once the picture has been confirmed an asynchronous process should start compressing the picture on the client side and upload it to a digital ocean space. The application should be to capture the remaining pictures and display the confirmation page and as...

...seeking a talented web designer with strong HTML skills to update my product cards. The goal is to make them more modern, sleek, and engaging. Key Requirements: - **Style:** You'll need to embrace a modern-looking & sleek design aesthetic, ensuring the cards align with my vision for a polished and contemporary look. - **Card Elements:** The most important elements on these cards are the product image, the AI Chatbot Name, and a compelling CTA that reads 'Tap here'. These need to be showcased in a way that's visually appealing and intuitive for users. - The page will be used for mobile only. We can have the cards where the user swipes left to view more. Ideal Skills and Experience: - **HTML/CSS Expertise:** You should have a strong background in ...

Hello lovely Freelancer, i need to fix to little bugs on my website - the 8 points/headlines under "The building blocks of your spiritual life practice" need have an drop-down option to show the text belows and need to be configurate to make it shown on any device without design bugs. Find screenshoot for more info. (fonts_lifelogo ) - The headlines need to be in the same font "lifelogo easy". The font is already installed but shows random output on the frontend. Find screenshot for more info. (headline to ) Many thanks for your support! Andreas Hick

...a basic HTML form that I need to be updated to look modern and professional. The key changes include updating colors and fonts, improving layout and spacing, adding modern styling and animations, and the inclusion of an image and background. Key requirements: - Update colors and fonts to create a modern, visually appealing form - Improve layout and spacing to make the form more user-friendly - Implement modern styling and animations to enhance the overall design - Integrate an image and background to improve the visual appeal further - The form should collect a single field of information, specifically the 'New Target' The form only has about 5 or 6 fields that are passed to it. The form is opened through a Python Flask app. Ideal skills and experience: - Proficie...

Necesito que este html y css sean completamente responsive y que se arreglen todos los fallos.

I need a professional email template designed to work smoothly on Outlook as well as be fully responsive on mobile devices. It will contain text and image content. Key Requirements: - The template should be compatible with Outlook. - It needs to be fully responsive on mobile devices. - The content will primarily consist of text and images. Ideal Skills and Experience: - Proficiency in HTML and CSS for email design. - Experience with creating templates for Outlook. - Understanding of responsive design principles for mobile compatibility. - Previous work examples or a portfolio demonstrating successful email template designs.

...engaging. Key requirements for this project include: -Personalized Learning: AI can analyze a learner’s progress and tailor the 2D visualizations to focus on sounds that need more practice1. -Automated Feedback: AI can provide instant feedback on pronunciation, comparing the learner’s attempts with the ideal sound production visualized by the 2D technology1. -Interactive Exercises: AI can create dynamic exercises that adapt in real-time to the learner’s responses, making the learning process more engaging2. -Speech Recognition: AI-powered speech recognition can evaluate the accuracy of the learner’s pronunciation against the standard American accent1. -Progress Tracking: AI can track the learner’s progress over time, providing insights ...

I would like to modernize this page: The website is written in basic HTML. I would like the content to remain exactly the same (including a table), but to use modern technology so that it would be displayed well on various mobile devices. In principle, the colors and style should also remain the same.

I am in need of an experienced ghost writer to craft a workbook consisting of 50 short activities. The workbook is for late teens age 17-19. The main objective of the workbook is to handle anger management and emotional regulation. Key tasks and outputs: - The activities should be a mix of mindfulness exercises, cognitive behavioural therapy (CBT) strategies, worksheets, journaling assignments, and self-reflection prompts. - The resource should aim to foster critical thinking, improve communication, and inculcate creativity in teens. - The writer should be skilled in working pedagogical theories into content that resonates with teens. Preferred skills: - Ghost writing experience, specifically in emotional health or wellness sector. - Effective communication, critical thinking, ...

I need to build a Mac/ipad application. Write in swift so it’s cross compatible. It is an html website editor WYSIWYG. I don’t need anything fancy, but I am wanting to build this because I need this for myself and there is not good ones available and maybe others could benefit from it. What I want is an html editor with live preview, where you can switch between the html and editing it as a text document and it auto converts to html. Main features include: Manage organization, including multiple html documents integrated, as well as other documents such as images. Organize a “project” with multiple files and folders, kind of like an IDE but simplified for HTML editing. Expect your website as code files in the same folde...

...the future of dentistry via innovative technologies, specifically focusing on Robo-Dent Diagnostics. The specific aspects the video short needs to cover: • Explanation of how Robo-Dent Diagnostics works • Highlight on its numerous benefits • Comparative analysis with traditional dentistry methods The video will be tailored to: • Dentists – demonstrating how this tool can revolutionize their practice • Investors – providing an insight into the uniqueness of the project and its profit potential • Hospitals – showcasing how we can enhance their dental care services Ideal candidates should possess: • Established experience in producing engaging, informational videos • Knowledge in the dentistry field or the ability to ...

Need a responsive HTML page with a button, following functionality should only apply to a mobile device view (width < 780px) Once clicked the camera app should launch with an overlay frame, the overlay should include 2 buttons: A 75% transparent camera icon should capture the picture once clicked. The red button should close the camera app with the overly Once a picture is taken a confirmation page should show the recently taken picture with an overlay asking for confirmation and an button for retake (see confirmation page) Once the picture has been confirmed an asynchronous process should start compressing the picture on the client side and upload it to a digital ocean space. The application should be to capture the remaining pictures and display the confirmation page and as...

I am in need of an experienced mat Pilates instructor who specializes in intermediate level instruction. The primary focus of the classes should be core strengthening. Required Skills and Experience: - Certified Mat Pilates Instructor - Deep understanding of core strengthening exercises - Proven experience with intermediate-level participants - Excellent communication and motivational skills Classes will be held on a regular basis and I am looking for sustained engagement. Please submit your bid along with relevant certification and experience details. Look forward to collaborating!

We are seeking a skilled HTML developer to create a professional and visually appealing marketing email for our company, D'Agostino. The email should include our logos, photos from our website (), and the following text in Romanian: Stimați colaboratori, Suntem încântați să vă scriem din partea D'Agostino, cu scopul de a stabili noi parteneriate pentru transportul semi-remorcilor noastre mega de la terminalele de tren din Europa. Avem rute disponibile din Koln, Germania către Zeebrugge, Belgia, precum și din Verona și Novara, Italia. Oferim un tarif de 1.40 Euro pentru fiecare kilometru parcurs. Facturarea se va realiza săptămânal, iar plata va fi efectuată la 65 de zile de la emiterea facturii. Dacă sunteți interesați de această oportunitate sa...

...infographics you can. You can reorganize the presentation in the order you feel is correct, I would like some sort of graphic or visual on every slide to keep the presentation active and engaging. Please keep a similar theme throughout the presentation. We want it to look clean, sleak and very modern. I am pitching this in 7 days so Ideally would like to have this back in 3 so we can make changes and practice. Thanks I need a skilled graphic designer to create a set of engaging visuals for my upcoming pitch deck. The ideal candidate will be able to translate complex concepts into easy-to-understand infographics, charts, and images. Key Responsibilities: - Create visually appealing infographics that can effectively highlight my product features. - Develop charts and graphs ...

I'm currently experiencing difficulty with my HTML website. There are broken links, incorrect formatting issues, and a general need for assistance with the HTML code. The "Admissions" section of my site is particularly afflicted by these broken links that require immediate attention. Ideally, I'm looking for freelancers who can bring rich experience in HTML and web development to the table. By demonstrating your experience in your application, you’ll increase your chances of landing this project. Let's get my website running smoothly again.

We are seeking a skilled developer to convert an existing HTML project into a Laravel application with Vue.js integration. The project involves migrating the frontend markup and styles from HTML to Vue.js components while integrating them seamlessly with the Laravel backend. Project Scope: HTML to Vue.js Conversion: Convert the existing HTML templates into Vue.js components while maintaining the current design and layout. Backend Integration: Integrate the Vue.js components with the Laravel backend to ensure seamless data flow and functionality. API Development: Develop any necessary APIs in Laravel to facilitate frontend-backend communication. Data Binding and State Management: Implement data binding and state management using Vuex or other appropriate met...

I'm in need of an experienced web developer to create a static HTML website based on a provided template. The skill set I'm ideally looking for includes: I will share the detailed info on the chat. There are around to 10 pages max. - Proficiency in HTML/CSS - Experience in responsive design - Knowledge of color theory, specifically warm tones. The website will serve personal usage and I wish to see a design that reflects warm tones including reds and oranges. The primary content for the site will be a mix of both images and text. The ability to streamline this in a balanced, easily digestible way will be highly appreciated. Please present relevant portfolio samples showcasing similar skills.

...speed and loading times is crucial, so make sure the new theme improves page loading. Help to identify sources of site going down and/or delays and implement fixes for long-term stability and run time improvement. -Assistance with light design elements (likely less than 10 minor items) Ideal freelancers are also required to have prior experience in website load speed optimization. Knowledge and practice in SEO optimization. Ability to design fun travel blog (not corporate feeling). Strong preference for freelancers in the United States. Please submit your proposal with cost estimate for this project. I am on a very tight budget for this and hopeful to have it completed within a few days. Must be patient enough to work with a non-techy type and explain things to me in non-tec...

Needs to add only HTML tags; No CSS. Only page content, No header/footer I am looking for a skilled individual who can accurately convert 38 .docx files into HTML. Key Requirements: - Should follow coding standards - You need to have a solid understanding of HTML structures and on page SEO knowledge. Ideal Skills/Experience: - Extensive experience with .docx to HTML conversions - Proficient understanding of HTML I look forward to seeing your proposals.

Only HTML tags needs to be added. I'm looking for a skilled freelancer to convert approximately 30 documents from DOC to HTML. This conversion should strictly include the content only, excluding any headers or footers. Key Requirements: - Conversion of 30 documents to HTML format - Ensure only content is included, no headers or footers - Implement a minimalistic style for the HTML files Additional Information: - The documents are simple in nature, with no tables or images, so the conversion process should be straightforward. Timeframe: I'm in need of this project completed ASAP. If you have the capacity for a quick turnaround, please feel free to bid. Ideal Skills: - Proficiency in HTML - Experience with document conversions - Ability to ...

Hello! Please read carefully before bidding. In a frontend web design to be converted to PHP/HTML. This is a shipping website with one main function: A shipping calculator. Custom built, no API. Primary objective: 1) Customer chooses from country and to country (Very similar to this website's interface: ). 2) After the customer gets a rate from two couriers only (UPS and FedEx) and multiple shipping services, the customer provides more information about three things: A) The sender. B) The receiver. C) The package. Then a customer checks out using Paypal. Secondary objective but not as important or could done possibly at a later phase: 1) Package tracking which possibly needs an API. 2) Basic signup and sign-in menu similar to this of

I'm seeking an HTML developer to assist with a range of tasks on a static website. Primarily, I'm looking to enhance the design and ensure its mobile responsiveness. - **Design Improvements:** I particularly need help with improving the layout of the site. So, if you have a good eye for design and can suggest and implement changes to the layout, I would be very interested in working with you. - **Mobile Responsiveness:** Mobile responsiveness is crucial for a site's usability and SEO. Therefore, you should be able to adjust the layout of the site for different screen sizes. This would involve ensuring that the site looks good and functions well on mobile devices. Ideal skills for this project include: - Strong HTML and CSS knowledge - Experience in web desi...

We are seeking an experienced developer proficient with the Vuexy theme to update our ongoing project's theme. Currently, the project is running on version 9.2.0, which is now deprecated. Our goal is to upgrade to version 10.0.0. Project Requirements: Upgrade the existing theme from Vuexy version 9.2.0 to 10.0.0. Ensure that all dependencies are updated and fully compatible with the new version, maintaining the overall functionality and stability of the project. We will provide all necessary files for the upgrade. Support and Collaboration: You will receive comprehensive support throughout the project to facilitate a smooth update process. We are committed to efficient collaboration and hope to establish a long-term relationship with a developer who delivers exemplary r...

We're looking for a web developer to refine an existing HTML page! You'll take a previously converted Excel sheet (.html) and enhance its visual appeal. This involves adding CSS styling to improve the layout, formatting, and overall aesthetics of the page. Experience with HTML and CSS is a must, and an eye for clean and user-friendly design is a plus!

...related fields (2021 & 2022 passout only)? Are you passionate about programming languages and eager to make your mark in the IT industry? Look no further! We’re hiring talented individuals to join our dynamic team. Position: Software Engineer Domain: Finacle (Banking) Location: Major cities in India and international locations Why Choose Us? Comprehensive end-to-end training in Unix/Linux, JSP, HTML, Core Java, Node JS, Node red, Oracle SQL, and PLSQL. Exciting projects in the banking domain Opportunities for growth and career advancement Terms and Conditions: Commitment: Minimum 3 years with us Training: First month (free accommodation), followed by competitive salary Performance-based increments from the second year onward Global travel opportunities Qualificati...

I need an experienced SEO specialist to help improve the search engine rankings of my local-targeted HTML CSS website. Key Points: - **Urgency**: The project is time-sensitive, and I need the work to be done as soon as possible. - **Local Focus**: The target audience for the site is local, so expertise in local SEO strategies is essential. - **HTML CSS**: The website is built using HTML and CSS, so experience with optimizing such sites is preferred. Ideal Skills and Experience: - Proven track record in SEO, particularly with local-focused sites. - Strong understanding of HTML and CSS and how they impact SEO. - Ability to work quickly and efficiently to meet the tight deadline. - Excellent communication skills to keep me updated on progress. Please let...

I want to replace the loader-animation on this template ... ... with another logo (see uploaded file). Best would be, the logo has some 3d-animation, not only rotating on one axis. What you must deliver: - logo file - instruction how to change the loader-animation in the template

The entire session must be recorded. You are not permitted to use any editor other than this one: The more bugs you find the more points you get while designing. You must records with your voice on a video all the bugs and any improvement you recommend Prior practice on the provided editor is required before recording. The purpose of this contest is to determine who can recreate the template in our editor most effectively and to report any bugs and suggestions for improvement during the recording. The editor provided for recreating the template is: It is reiterated that we have provided the editor for you to recreate the template. You must select one of the templates attached on Freelancer to recreate. Your design process must be fully

...these concepts in a clear and concise manner. - Familiarity with Hydrogen, Fuel Cells, and Heat Pumps: Comprehensive understanding of these topics is essential. I need someone who can break down these complex ideas into simpler terms. Desired Outcome: - I'm looking to develop a comprehensive understanding of the energy transition topic. The candidate should be able to explain concepts and solve practice questions to ensure I'm well-prepared for the exam. Time Sensitivity: - I need this project to be completed ASAP. Ideal candidate should have: - A background in Energy Engineering, Renewable Energy, or a related field - Prior experience in tutoring or teaching at a graduate level - Strong communication skills to explain complex topics clearly - Proficiency in exam pr...

I am in need of a professionally designed Wix website for my dental practice. Primary features of the website are: - Appointment booking system: A calendar integrated system allowing patients to book appointments online. Moreover, the system should provide automated reminders and allow multiple service selections. - Landing page for advertisement: promotions and special offers. It should also include an integrated calendar displaying available appointment slots for potential patients to book directly from the page. Lastly, a section for contacts and leads is required. Ideal candidates for this job are those adept with Wix platform and have previous experience in similar projects. Strong understanding of user interface and web design along with knowledge of booking systems is crit...

I'm in need of an experienced web developer who can help me fix a bug on my HTML website. The bug is causing an error message to be displayed whenever a form is submitted, along with several functionalities not working as they should. Key Points: - The error message is displayed when submitting a form. - The bug has led to malfunctioning of basic website functionalities. Ideal Skills: - Proficient in HTML - Experienced in bug fixing - Familiar with form submission errors I am looking for a quick turnaround on this project as it's affecting user experience on my site. Please provide your relevant experience and estimated time to fix in your bid. ********************************************************* WATCH THIS VIDEO URL IS

I'm seeking an experienced attorney to help prepare and file a civil complaint for a breach of contract case in Saint Louis County, Missouri. Key points of the project include: - I already have physical evidence supporting my claim. - I've identified the specific sections of the contract that were breached. Here's what you'll need for the job: - You should be licensed to practice in Missouri, ideally with experience in Saint Louis County's courts. - This is a dispute over ownership of a business. You should have a solid track record with contract law, especially in dealing with breach of contract cases. - You should be able to draft concise, precise complaints, focusing on where the contract was breached. - Strategizing our case and providing guidance thr...

...developer to convert my existing WordPress site to a static HTML site. Here's what you need to know: - The primary reason for this conversion is that I no longer require the CMS functionality. This means you won't need to worry about the WordPress backend, plugins and the associated database. - The site has some dynamic elements like contact forms, comments section, and user login pages. These will need to be converted into static pages. - I would like to retain some specific design elements and functionalities from the WordPress site. These include the header/logo design, the navigation menu and the slider/carousel. It's essential that these are transferred over accurately. You need to have a solid grasp of both WordPress and HTML, as well as good unde...

I'm seeking an intermediate Vectorworks user to assist with a series of 2D drawing exercises. The instructions are in written form and involve the creation of floor plans and sections. Your role will be to ensure that the final files comply with the specified tools and commands for each exercise, with a special focus on attention to detail. Key Requirements: - Proficiency in creating 2D drawings in Vectorworks - Experience with layer and class management - Ability to customize line types and hatches - Attention to detail is crucial Ideal Candidate: - Experienced in Vectorworks, specifically in creating 2D drawings - Familiar with floor plans and section drawings - Able to follow written instructions accurately - Has a keen eye for detail - Good communication skills - Able to...

...experience in creating compelling training materials. We are hosting a workshop geared toward holistic well-being, catering to a general audience with a focus on spiritual development. We have a book that will serve as the foundation for the content of the workshop. What We Need: - Creative layouts and designs for the whole set of workshop materials which include: workbook, slides, trainer script, exercises, handouts, and training guidelines. - Graphics that can engage adults in learning and meditative practices. Ideal skills and experience: - Graphic design experience specifically in creating educational/training content. - Knowledge or interest in topics like holistic well-being, meditation, mindfulness, and self-reflection. - Strong understanding of effective educational de...

I require a skilled and experienced web developer to create a custom HTML emailer for me. The emailer should be compatible with both Outlook and Gmail. Here are the specifics of the project: - You will be provided with a JPG image that will form the basis of the emailer. Your task will be to incorporate a single line of hyperlinked text in the middle of this image. The hyperlink should lead to a designated URL. - The emailer should be designed to display correctly across different email clients, especially Outlook and Gmail. The ideal candidate for this project would have: - Proven experience with creating custom HTML emailers. - Proficiency in working with JPG images and integrating hyperlinks into them. - A good understanding of the unique constraints and requirements ...

In need of a skilled developer who can streamline my website's flow by integrating the HTML form into Google Sheets. Key Details: - The form details to be moved to the Google sheet include the user's name, email, phone number, and message. - The trigger for this integration is when the form is submitted. Understanding of form submission handling and triggers is a must. - There are no specifics on how the data should be organized in the Google Sheet, but after the form submission, it needs to redirect to a ' Custom Thank You' page. Experience with redirecting and website navigation is desired. Note: you need to do the project sharing my screen My project budget is $5 My website where the form is installed:

I'm seeking an experienced HTML programmer to develop a new email application. While I'm not fully certain if this primarily entails front-end design, the ideal candidate will possess solid skills in this area. Key Responsibilities: - Develop an HTML-based email application - Collaborate to ensure functionality aligns with my requirements Ideal Skills: - Proficient in HTML programming - Background in front-end development, just in case - Experience with email application development.

...and be delivered in a written document format. The guide need to be focused on drawings from building services/installations designs in constructions (HVAC & Plumbing area) With the following necessary instructions: - it need to treat primary 2D and in 2 chapters 3D modelling - It need to have table of contents - 14 chapters - image/text ratio maximum 35/75 - Each chapter will have to have 2 exercises to solve at the end, including the solutions, separately, for them - formated on A5 - gramitacally and tehnically correct text - verified in Turnitin, max 10% plagiarism. - images must be color. - minimum 100 pages Key Focus Areas: - Basics of Autocad interface: Explanation of the key tools, menus, and workspace within Autocad 2023. - Creating and modifying 2D drawings: Detai...

Simply, Construct an HTML page styled as vertical timeline.

You need to be at least 16 years old and reside in Latin Amer...out of him.” Whereas, if he were to look at a few ESP32 development boards which cost less than $5 (Five Dollars) each? Meh. I doubt he’s even going to think about asking for a bribe for such items. I suppose corrupt local customs officials are greedy, not foolish.z ✻ TIME FRAME ✻ This project must be completed within the next 60 (sixty) days. ✻ BEING WRONG ✻ Stand in front of a mirror and practice saying, “I was wrong.” Learn to smile when you say this. I am not joking. I’ve worked with many engineers; only two of them were excellent engineers. Both of them said, “I was wrong” frequently. Most bad engineers I worked with refused to utter the words, “I was wrong&...

I'm in need of a highly-skilled professional who specializes in Azure Security Engineering and ForgeRock Training. Key tasks include: - Azure security configuration - Conducting vulnerability assessments - Undertaking threat hunting exercises Additionally, expertise in ForgeRock training covering the following topics will greatly benefit my team: - Identity and Access Management (IAM) - Single Sign-On (SSO) - User Provisioning The ideal candidate is required to hold an 'Azure Security Engineer Certification'. This certification will give me confidence in your capabilities to successfully execute the necessary tasks. Your adeptness in handling Azure security coupled with your ability to impart crucial knowledge in ForgeRock makes you an integral team player for ...

I'm looking for an expert in creating postgraduate-level mathematics exercises for my university project. Key Responsibilities: - Develop a set of challenging and comprehensive mathematics exercises. - Ensure the exercises are aligned with postgraduate level content and are academically rigorous. - Provide solutions and explanations for each exercise. Ideal Candidate: - Proven experience in creating postgraduate-level mathematics exercises. - Strong background in Mathematics, preferably with a postgraduate degree. - Excellent understanding of academic standards and requirements at this level. - Ability to deliver high-quality, original exercises with clear solutions and explanations.

Recopilar información de indicadores de turismo y su disponibilidad en la red. Trabajo de documentación y búsqueda.

I'm looking for a skilled developer to change and develop an existing Hebrew language learning website, based on C sharp. Dot net. MVC. - The website is primarily focus on teaching the Hebrew language . - It should have interactive language exercises and grammar lessons. Ideal Skills: - Proficient in web development on C sharp. Dot net. MVC..

As an online student grading platform, I'm in need of a project expert who un...platform to: - Track student progress with the grading system of Sweden - Generate report cards based on that system - Adjust calculations to reflect the Swedish system of GPA calculation Key Features Required: - Full support for Swedish grading scales - Fully-optimized for individual course grades - Automated conversion of grades from F and — to C and from B to D to comply with Swedish grading practice. The ideal candidate for this project should have comprehensive knowledge of the Swedish grading system and experience working with educational platforms. Understanding the ECTS grade conversion is also crucial. Efficiency, accuracy, and attention to detail will be key qualities for success...

I am seeking an experienced HTML/CSS/JQUERY/PHP developer with at least 4 years of experience to join me on a project. for agency Website/portfolio. Key Skills: - Proficient in HTML and CSS, with experience in responsive design, CSS animations, and the Bootstrap framework. - Strong command of JQUERY and PHP. As part of the application process, I'd like to see: - The number of years you have worked in this field. - Examples of your previous projects showcasing your expertise in the mentioned technologies. Please only apply if you meet these requirements and have a portfolio that demonstrates your proficiency in these areas. Experience is key, so make sure to highlight this in your application. Looking forward to seeing your applications.

As the client, I'm seeking an experienced web developer proficient in HTML/CSS to build a professional corporate website for my business. The website should include several specific features: - A contact form that allows site visitors to easily reach out and engage with my business. - A news section that provides updates and fresh information about the organization. - A product display area that showcases our range of products in an attractive and accessible format. Successful candidates should have a solid background in HTML/CSS web development, with a portfolio that demonstrates their ability to create professional and functional corporate websites. Expertise in implementing contact forms, news sections, and product display areas is highly preferred.

Please check this link: The job is to create HTML + CSS code for the following: 1. A table representing the “day view” of an agenda with a fixed top row; 2. Each row of the table represents half an hour; 3. Appointment DIVs that will attach to the “hour row” and be as height as the end time of the appointment demands, overlapping several table rows accordingly; 4. Appointment DIVs will be able to overlap each other when many appointments occur in the same hour row; 5. Same line of thought applies to Week view and Month view (please reffer to the document attached)