diff --git a/README.md b/README.md index d4ec9ef..febbcc0 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,3 @@ # dev My first repository +Codepen website files from the 'dist' folder now added diff --git a/index.html b/index.html new file mode 100644 index 0000000..696790c --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + + + Ayo Website + + + + + +

Robots, And Us!

+

Robots today are transforming everything from our homes to hospitals, farms to factories. Here are a few short stories that bring their modern roles to life. Believe it or not, they are here to stay!

+ +

Robots have been found to be useful in the follwing areas:

+ + + +

In the hospital

+

At St. Anne’s Hospital in London, a robot named “Florence” glides silently through the corridors after midnight. She’s not a nurse in the traditional sense but she delivers medications, monitors patient vitals, and even alerts staff if someone’s oxygen levels drop.

+Florence - The Robot + + + + +

At home

+

In a bustling London flat, a robotic vacuum named “Dusty” hums to life every morning at 7:00 AM. While its owner sips coffee and checks emails, Dusty maps the apartment, dodges furniture, and sweeps up yesterday’s crumbs.

+Dusty - The Robot + +

On the farm

+

On a farm in Cambridgeshire, a robot tractor plows fields with GPS precision. It doesn’t need lunch breaks or sleep. It plants seeds, sprays crops, and even detects weeds using AI-powered cameras.

+Robot On The Farm + +

In the factory

+

In a Midlands manufacturing plant, robotic arms work in perfect synchrony—welding, assembling, and inspecting car parts with microscopic precision. These robots don’t just follow instructions; they learn from mistakes, adapt to new tasks, and alert engineers before a fault becomes a failure.

+Robots in the factory + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..8c6a8d5 --- /dev/null +++ b/style.css @@ -0,0 +1,20 @@ +img { + display: block; + margin-left: auto; + margin-right: auto; + width: 30%; +} + + +body { + font-size: 18px; + font-family: Arial, sans-serif; +} + +/* Example: Different font size for headings */ +h1 { font-size: 40px; color: blue; } +h2 { font-size: 30px; color: blue; } +ul { font-size: 30px; } + +/* Example: Different font size for paragraphs */ +p {font-size: 30px;} \ No newline at end of file