-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathChampHouse.html
172 lines (141 loc) · 7.51 KB
/
ChampHouse.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="images/fontawesome-5 2/css/all.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Quicksand">
<link rel="stylesheet" href="contactform.php">
<link rel="stylesheet" href="contact.html">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<title>ChampHouse Integrated Resources</title>
</head>
<body>
<section class="hero">
<img src="images/svg_20220812_144726_0000.svg" alt="ChampHouse" class="logo">
<nav>
<ul class="nav-items">
<li class="active"><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
<li><a href="#">About Us</a>
<div class="sub-list">
<ul>
<li><a href="#">Mission</a></li>
<li><a href="#">Vision</a>
<div class="sub-note">
<details>
<summary></summary>
<p>Capacity Building & Business</p>
</details>
</div>
</li>
<li><a href="#">Team</a></li>
</ul>
</div>
</li>
<li><a href="#">Services</a>
<div class="sub-list">
<ul>
<li class="hover-me"><a href="#">Design</a><i class="fas fa-angle-right"></i>
<div class="sub-list-2">
<ul>
<li><a href="#">Graphic Design</a></li>
<li><a href="#">Web Design </a></li>
<li><a href="#">Logo Design</a></li>
</ul>
</div>
</li>
<li><a href="#">Marketing</a><i class="fas fa-angle-right"></i></li>
<li><a href="#">Branding</a></li>
<li><a href="#">Social Media Management</a></li>
</ul>
</div>
</li>
<li><a href="#">Clients</a> </li>
<li><a href="comp pdf.docx">Pricing</a></li>
<li><a href="#">Training</a>
<div class="sub-list">
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Marketing</a><i class="fas fa-angle-right"></i></li>
<li><a href="#">Graphic Design</a></li>
<li><a href="#">Forex</a></li>
<li><a href="#">Leadership</a></li>
</ul>
</div>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div>
</div>
<div class="container">
<div class="hero-content">
<div class="intro">We are happy to see you here in ChampHouse Integrated Resources</div>
<h1 class="welcome">THE EXPERTS IN CREATING SOLUTIONS FOR YOUR BUSINESS</h1>
<div class="intro">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptates, perspiciatis.
</div>
<button class="btn"><a href="sign in.html">Sign in</a></button>
</section>
<section class="services-section">
<h2>We Provide The Best Services</h2>
<div class="container">
<div class="contents">
<div>
<div class="content">
<h3>SEO/SEM</h3>
<div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Error magnam, quaerat explicabo sit ipsa deleniti deserunt quis accusamus maiores recusandae.</div>
<div>READ MORE</div>
</div>
</div>
<div>
<div class="content">
<h3>Marketing</h3>
<div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Error magnam, quaerat explicabo sit ipsa deleniti deserunt quis accusamus maiores recusandae.</div>
<div>READ MORE</div>
</div>
</div>
<div>
<div class="content-3">
<h3>Design</h3>
<div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Error magnam, quaerat explicabo sit ipsa deleniti deserunt quis accusamus maiores recusandae.</div>
<div>READ MORE</div>
</div>
</div>
<div>
<div class="content">
<h3>Others</h3>
<div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Error magnam, quaerat explicabo sit ipsa deleniti deserunt quis accusamus maiores recusandae.</div>
<div>READ MORE</div>
</div>
</div>
</div>
</section>
<section class="about-us">
<h1>ABOUT <span style="color: black;">CHAMP</span><span style="color: #620F16;">HOUSE</span></h1>
<div class="about-us-content">
<div class="about-us-story">
<h2> we turn ideas into works of art.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius autem nihil, beatae dicta natus accusantium quibusdam odit qui. Cupiditate illo optio vero corrupti dignissimos? Repellat rerum autem dolorum sint voluptatibus ex? Nihil repudiandae cum labore aut neque quos explicabo libero reprehenderit ullam est quia nam, odit, suscipit nostrum totam omnis obcaecati minima delectus assumenda. Id tempore dolor mollitia inventore ex ipsam error laudantium atque est facere accusantium tempora modi dicta possimus dolorem delectus quidem excepturi placeat odio quasi, earum sint, nulla esse quos! Quisquam aperiam beatae, qui repellendus, quos vel molestiae tempora quae aut, architecto eius est! Eveniet, voluptates aut!</p>
</div>
<div class="line"></div>
<div>
<div class="about-us-2">
<h2>our specialization</h2>
<p><i class="fas fa-igloo"></i>Leadership</p>
<p><i class="fas fa-igloo"></i>Graphics</p>
<p><i class="fas fa-igloo"></i>Business</p>
</div>
</div>
<div class="gallery">
<div>
<div class="background first"></div>
</div>
</div>
</div>
</section>
</body>
</html>