Article Component
This is an example of the article component with a border-left accent and hover effects. Articles are designed to contain related content and provide visual separation.
Hi! I'm Bengi
This is my personal portfolio showcasing my photography and web development work.
Latest from the Blog
Check out my latest thoughts, tutorials, and insights.
Loading posts...
Interactive Features
Below are some interactive elements that demonstrate my JavaScript and CSS skills.
My Skills
Featured Services
Web Design
Creating beautiful, responsive websites that look great on all devices.
Photography
Professional photography services for all your creative needs.
Development
Full-stack development with modern frameworks and technologies.
Typography
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
This is a standard paragraph with some linked text included. The styling includes proper line height, font family, and spacing to ensure readability across devices.
- Unordered list item 1
- Unordered list item 2
- Unordered list item with a link
- Ordered list item 1
- Ordered list item 2
- Ordered list item with a link
Component Examples
Tag Group Example
- Item One
- Item Two
- Item Three
- Item Four
Click to expand details
This is the expanded content of the details element. It demonstrates the interactive disclosure widget with custom styling.
[Placeholder for image]
Code Examples
Here is an example of inline code within a paragraph.
// This is a code block example
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));Table Example
| Name | Position | Location |
|---|---|---|
| John Doe | Developer | New York |
| Jane Smith | Designer | San Francisco |
| James Johnson | Manager | Chicago |
Form Elements
Utility Classes
Text Center
Text Right
Text Left
Margin Bottom 5
Margin Top 3