-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
103 lines (100 loc) · 4.46 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coffo Cafe</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="shortcut icon" href="img/latte-art.png" type="image/x-icon">
<link rel="css/responsive.csssheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<header class="head2" id="header">
<nav class="top">
<div class="left">
<img src="img/logo.png" alt="">
<a href="index.html">
<h1>Cafe</h1>
</a>
</div>
<div class="menu-icon" id="menu-icon">☰</div>
<div class="right">
<ul id="nav-links">
<a href="index.html">
<li>Home</li>
</a>
<a href="blog.html">
<li>Blog</li>
</a>
<a href="about.html">
<li>About us</li>
</a>
<a href="contact.html">
<li>Contact</li>
</a>
<a href="">
<li>Reviews</li>
</a>
</ul>
</div>
</nav>
</header>
<section class="first">
<div class="main">
<div class="service-img">
<div class="black">
<a href="https://www.youtube.com/@endgamingwithharsh/videos?sub_confirmation=1">
<img src="img/play-icon.png" alt="">
</a>
</div>
</div>
<div class="service">
<h5>How the Clean Our cafe and surroundings are | Live Coffee making process. </h5>
<h2>How to We make Our Coffee For You</h2>
<h4>Who are in extremely love with eco friendly system.</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquid quia architecto, pariatur dicta
amet inventore suscipit dolorum eligendi. Harum fugit tempora, recusandae accusamus exercitationem
fugiat vel nemo sint consequuntur commodi neque ea hic ad.</p>
<img src="img/signature.png" alt="sig" class="sign">
</div>
</div>
</section>
<section class="about" id="About-us">
<div class="about_us">
<div class="al">
<h1>About Us</h1>
<p>Full cleaning and housekeeping services for companies and households.</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae neque, odit vero quidem voluptas at
culpa accusantium aliquid sunt repellendus deleniti earum illo quam!</p>
<a href="#header"><button class="read_more">Read More</button></a>
</div>
<div class="ar"><img src="img/about-img.png" alt="about" class="abu_us"></div>
</div>
</section>
<footer class="last">
<div class="my">
<div class="abt">
<h3>About me</h3>
<p> I Am Harsh Pandey is a skilled web developer and designer, proficient in creating dynamic websites,
and
a cybersecurity analyst.</p>
</div>
<div class="follows">
<p>Follow Me:</p>
<a href="https://github.com/201Harsh" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://discord.gg/z7hEQtFj" target="_blank"><i class="fab fa-discord"></i></a>
<a href="https://www.instagram.com/201harshs/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://in.linkedin.com/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://www.youtube.com/@endgamingwithharsh/videos?sub_confirmation=1" target="_blank"><i
class="fab fa-youtube"></i></a>
</div>
</div>
<div class="copyright">
<h5>Copyright © Cafe.in | All Right Reserved</h5>
</div>
</footer>
<script src="js/main.js"></script>
<script src="js/slider_nav.js"></script>
</body>
</html>