---
# System prepended metadata

title: what i learned building a lobe tour web page.

---

## Hello readers here is my experience building a lobe tour page.

**What do you use lobe for?**
Lobe is a free client app that helps any user to bring machine learning ideas into reality. Just show it examples of what you want it to learn, and it automatically trains a custom machine learning model that can be shipped to your app.
### Learning process
While building my personal lobe tour page,i made use of just html and css.i spend just like about 3 hours to complete the web site.
i made use of the following in structuring my web site:
* I made use of the` <p></p>`(paragraph).
* I also inserted images using the `<img src="">`(image source).
* I also made use of the `<a></a>`(anchor element)= It creates a hyperlink to web pages, files, email addresses, locations in .
* I made use of `<ul></ul>`(un-ordered list) to also list my foter details.We have two type of list,which are the ordered list `<ol></ol>` and the un-ordered list `<ul></ul>`.
* I also made use of the `<title></title>` =The title tag is an HTML code tag that allows you to give a web page a title. This title can be found in the browser title bar, as well as in the search engine results pages (SERP). It's crucial to add and optimise your website's title tags, as they play an essential role in terms of organic ranking (SEO).
* I also made use of` <br> `(break)=which is used to break text to the next line.
* I also made use of the header=The`<header>` element represents a container for introductory content or a set of navigational links.
A `<header> `element typically contains:
* one or more heading elements` (<h1> - <h6>)`
* logo or icon
* authorship information
Note: You can have several `<header>` elements in one HTML document. However, `<header> `cannot be placed within a `<footer>, <address>` or another `<header>` element.
* div=The `<div>` tag defines a division or a section in an HTML document. The `<div> `tag is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript. The `<div> `tag is easily styled by using the class or id attribute. Any sort of content can be put inside the `<div> `tag!. etc..

### Challenges.
There was no serious challenges building the web page because am getting very good at my html and css.And a very big shout out to my mentors [mr emmanuel doji](https://x.com/emmanueldoji) and [blockfuse labs](https://x.com/blockfuselabs?lang=en) for helping me when i have challenges.
Below is the image of the website i build,
![Screenshot from 2025-02-24 13-34-18](https://hackmd.io/_uploads/BJr-cfqqJx.png)![Screenshot from 2025-02-24 13-34-10](https://hackmd.io/_uploads/B1Tf5G9q1g.png)![Screenshot from 2025-02-24 13-32-38](https://hackmd.io/_uploads/BynXqz9ckx.png)![Screenshot from 2025-02-24 13-32-29](https://hackmd.io/_uploads/H1sVqG95ye.png)
### Conclusion
 Building the lobe tour website was just to enhance and make me flexible in html and css,with time i will be learning java script and then learn how to apply it too.





