# Section: Additional Image Integration

doc.add_heading("Additional Image Integration", level=2)

doc.add_paragraph(

"An additional image in GIF format has been integrated into the webpage. Below is the HTML code for embedding the image:"

)

doc.add_paragraph(

'<img src="animated_image.gif" alt="Animated Example" >',

)

# Section: Audio Integration

doc.add_heading("Audio Integration", level=2)

doc.add_paragraph(

"Two different audio formats, WAV and MP3, have been added to the webpage. The following HTML code demonstrates how these formats were integrated:"

)

doc.add_paragraph(

'<audio controls>\n'

' <source src="audio_sample.wav" type="audio/wav">\n'

' <source src="audio_sample.mp3" type="audio/mpeg">\n'

' Your browser does not support the audio element.\n'

'</audio>',

)

# Section: Video Integration

doc.add_heading("Video Integration", level=2)

doc.add_paragraph(

"Two videos (YouTube and Vimeo) have been embedded into the webpage using the following HTML code:"

)

doc.add_paragraph(

'<iframe width="560" height="315" src="https://www.youtube.com/embed/example_video" '

'title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; '

'encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',

)

doc.add_paragraph(

'<iframe src="https://player.vimeo.com/video/example_video" width="640" height="360" '

'frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>',

)

# Section: CSS3 Features

doc.add_heading("CSS3 Features", level=2)

# Drop Shadow

doc.add_paragraph("1. Drop Shadow")

doc.add_paragraph(

"A drop shadow has been applied to an image, text headline, and embedded video using the following CSS code:"

)

doc.add_paragraph(

'img, h1, iframe {\n'

' box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);\n'

'}',

)

# Rotation

doc.add_paragraph("2. Rotation")

doc.add_paragraph(

"An object (image) has been rotated using CSS3. The following CSS code demonstrates this effect:"

)

doc.add_paragraph(

'img.rotated {\n'

' transform: rotate(45deg);\n'

'}',

)

# Background Image

doc.add_paragraph("3. Background Image")

doc.add_paragraph(

"A background image has been applied to the webpage with adjustments to maintain text readability. "

"Below is the CSS code used:"

)

doc.add_paragraph(

'body {\n'

' background-image: url("background_image.jpg");\n'

' background-size: cover;\n'

' color: white;\n'

' text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\n'

'}',

)

# Section: Design Elements

doc.add_heading("Design Elements", level=2)

# Color Palette

doc.add_paragraph("1. Color Palette")

doc.add_paragraph(

"The color palette for the webpage focuses on a modern and clean design with shades of blue and white. "

"The following CSS code defines the color scheme:"

)

doc.add_paragraph(

':root {\n'

' --primary-color: #007BFF;\n'

' --secondary-color: #FFFFFF;\n'

' --accent-color: #F0F0F0;\n'

'}',

)

# Typography

doc.add_paragraph("2. Typography")

doc.add_paragraph(

"Typography choices include a sans-serif font for readability and a consistent size hierarchy. "

"The following CSS code defines the typography:"

)

doc.add_paragraph(

'body {\n'

' font-family: Arial, sans-serif;\n'

' font-size: 16px;\n'

' line-height: 1.6;\n'

'}',

)

# Section: APA References

doc.add_heading("References", level=2)

doc.add_paragraph(

"Southern New Hampshire University. (n.d.). Module Five: Incorporating Multimedia into Your Website. "

"Retrieved from https://learn.snhu.edu"

)

# Save the document

file_path = "/mnt/data/IT270_Module_Five_Multimedia_Enhanced.docx"

doc.save(file_path)

Outlook