├── README.md └── MY PAGE ├── flower.jpg ├── gardening ├── bouquet.jpg ├── Decoraton.jpg ├── style.css └── Shop.html /README.md: -------------------------------------------------------------------------------- 1 | # sample-webpage 2 | created using HTML and CSS only.. 3 | -------------------------------------------------------------------------------- /MY PAGE/flower.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kiruthika61/sample-webpage/HEAD/MY PAGE/flower.jpg -------------------------------------------------------------------------------- /MY PAGE/gardening: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kiruthika61/sample-webpage/HEAD/MY PAGE/gardening -------------------------------------------------------------------------------- /MY PAGE/bouquet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kiruthika61/sample-webpage/HEAD/MY PAGE/bouquet.jpg -------------------------------------------------------------------------------- /MY PAGE/Decoraton.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kiruthika61/sample-webpage/HEAD/MY PAGE/Decoraton.jpg -------------------------------------------------------------------------------- /MY PAGE/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | background-color:white; 3 | color:black; 4 | text-align: center; 5 | } 6 | li,h1{ 7 | display: inline; 8 | } 9 | .li:hover{ 10 | background-color: gray; 11 | color: white; 12 | } 13 | 14 | .box{ 15 | border-color:black; 16 | border-width: 2px; 17 | border-style: solid; 18 | display: inline-block; 19 | width: 200px; 20 | } 21 | .box:hover{ 22 | background-color:black; 23 | color:white; 24 | } 25 | .food{ 26 | background-color:black; 27 | } 28 | h3{ 29 | background-color: black; 30 | color: white; 31 | display: inline; 32 | } 33 | .in{ 34 | display: inline-block; 35 | width: 20px; 36 | text-align: center; 37 | margin-right: 250px; 38 | } 39 | 40 | .one{ 41 | background-color: yellow; 42 | color: black; 43 | display: inline-block; 44 | width: 500px; 45 | } 46 | 47 | -------------------------------------------------------------------------------- /MY PAGE/Shop.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Flowers shop 7 | 8 | 9 | 10 | 11 |
12 | 20 | 21 |
22 |
23 |
24 | 25 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet consequatur sed accusamus ipsam animi recusandae odio ipsum veritatis labore? A.

26 |

Order now

27 |
28 |
29 | 30 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid quam consequatur numquam maxime facere possimus veritatis eligendi ullam quidem optio!

31 |

Order now

32 |
33 |
34 | 35 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus modi, repellat ipsam deleniti sint sequi saepe ut dicta neque porro.

36 |

Order now

37 |
38 |
39 | 40 |

41 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, eaque laboriosam! Enim, maxime error laudantium optio ab obcaecati facere officiis. 42 |

43 |

Order now

44 |
45 |
46 |
47 |

Contact Us

48 |
49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 |
Name:
Age:
Email
60 |
61 | 62 |
63 |
64 |
Send
65 | 66 |
67 | 68 | --------------------------------------------------------------------------------