generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathperfect.html
130 lines (125 loc) · 6.34 KB
/
perfect.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Website Title -->
<title>Perfect</title>
<!-- CSS Styling -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css" />
<!-- Google Fonts API -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
type="text/css" />
</head>
<body>
<!-- How Can I Help Section | Services Types -->
<!-- Credit: http://bit.ly/2ZN3GL2 and customized for this project's requirements -->
<div class="anchors" id="services" style="padding-top: 60px; margin-top: -60px"></div>
<section id="services-types">
<!-- Credit: https://bit.ly/3kk9hli and customized for this project's requirements -->
<div class="section-padding">
<div class="container">
<!-- Intro Section -->
<div class="row justify-content-center text-center">
<div class="col-lg-6">
<div class="services-types-intro">
<h2>Great PMs</h2>
<div class="hyphen-purple"></div>
<p>I have a variety of services designed to suit every need. And if you don’t find yours,
get in touch and we'll figure something out! </p>
</div>
</div>
</div>
<!-- Services Types -->
<!-- Credit: Icons from Font Awesome and customized for this project's requirements -->
<div class="row">
<div class="col-lg-4">
<div class="services-types-box d-flex">
<div class="services-types-icon">
<i class="fa fa-comments"></i>
</div>
<div class="services-types-content">
<h3>Technology & UX Design</h3>
<p>Have you run out of effective tactics and you have no idea how to grow your business?
</p>
</div>
</div>
<div class="services-types-box d-flex">
<div class="services-types-icon">
<i class="fa fa-rocket"></i>
</div>
<div class="services-types-content">
<h3>Business & Strategy</h3>
<p>Do you know exactly where you want to be in a year but you don't know how to get
there?
</p>
</div>
</div>
<div class="services-types-box d-flex">
<div class="services-types-icon">
<i class="fa fa-cogs"></i>
</div>
<div class="services-types-content">
<h3>Leadership & Communication</h3>
<p>Do you need to outsource some digital marketing or product tasks due to a lack of
time?
</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="services-type-img">
<!-- Credit: Illustration taken from UnDraw and customized for this project's requirements -->
<img src="assets/images/services-types-img.svg"
alt="illustration of a girl using her mobile phone">
</div>
</div>
<div class="col-lg-4">
<div class="services-types-box d-flex flex-row-reverse text-right">
<div class="services-types-icon">
<i class="fa fa-graduation-cap"></i>
</div>
<div class="services-types-content">
<h3>Customers & Data Analysis</h3>
<p>Do you want to save some money by doing a few tasks yourself but you don't know how
to?
</p>
</div>
</div>
<div class="services-types-box d-flex flex-row-reverse text-right">
<div class="services-types-icon">
<i class="fa fa-users"></i>
</div>
<div class="services-types-content">
<h3>Domain Knowledge</h3>
<p>Is it your first business or corporate job and you don't feel confident enough yet?
</p>
</div>
</div>
<div class="services-types-box d-flex flex-row-reverse text-right">
<div class="services-types-icon">
<i class="fa fa-microphone"></i>
</div>
<div class="services-types-content">
<h3>Systems & Processes</h3>
<p>Are you organizing an event and you want me to attend so I can share exclusive
insights?
</p>
</div>
</div>
</div>
</div>
<!-- CTA Button -->
<div class="cta-button-purple">
<a href="#contact">Free Consultation</a>
</div>
</div>
</div>
</section>
</body>
</html>