-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathexpertise.html
147 lines (135 loc) · 6.2 KB
/
expertise.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Our expertise</title>
<link rel="stylesheet" href="css/font-awesome-4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="css/loader.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<section class="home-page-expertise expertise-diagram expertise-square"
style="background-image: url(http://ferrazzi.projects-directory.com/wp-content/uploads/2016/05/our-expertise-bg.png)">
<div class="container">
<div class="row ">
<div class="col-xs-12">
<div class="h1--larger margin-bottom-5 capitalize">
<h2>Our Expertise</h2>
</div>
</div>
<div class="expertise-square__container">
<div class="flex col-xs-12 flex__justfify-space-around">
<div class="col-sm-6 ">
<div class="overflow-hidden text-center row expertise-square__outside padding-left-8">
<div class="expertise-square__link-container connect-right connect-left--bottom margin-bottom-8">
<a href="http://ferrazzi.projects-directory.com/solutions/high-impact-teams/"
class="expertise-square__shape-container">
<div class="expertise-square__content">
<img src="http://ferrazzi.projects-directory.com/wp-content/uploads/2016/07/icon-1.png" alt="">
</div>
<div class="black__color--dark paragraph font__bold padding-top-2 text-center">
<h5>Executive <br> Teams</h5>
</div>
</a>
</div>
</div>
<div class="pop-up-text left-side">
<div class="pop-up-text__content">
Dolor sit amet, consectetur adipiscing elit. Sed tempus fermentum ligula, id malesuada mi ultrices
sit
amet. Aenean purus sem, consequat in tempor non, mattis eget metus.
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="overflow-hidden text-center row expertise-square__outside padding-right-8">
<div class="expertise-square__link-container connect-left connect-right--bottom margin-bottom-8">
<a href="http://ferrazzi.projects-directory.com/solutions/people-leader-elevation/"
class="expertise-square__shape-container">
<div class="expertise-square__content">
<img src="http://ferrazzi.projects-directory.com/wp-content/uploads/2016/07/icon-2.png" alt="">
</div>
<div class="black__color--dark paragraph font__bold padding-top-2 text-center">
<h5>People <br> Leaders</h5>
</div>
</a>
</div>
</div>
<div class="pop-up-text right-side">
<div class="pop-up-text__content">
Test 2
</div>
</div>
</div>
</div>
<div class="flex flex__justfify-space-between col-xs-12">
<div class="col-sm-4">
<div class=" overflow-hidden text-center row expertise-square__outside padding-right-6">
<div class="expertise-square__link-container connect-right">
<a href="http://ferrazzi.projects-directory.com/solutions/trusted-advisors/"
class="expertise-square__shape-container">
<div class="expertise-square__content">
<img src="http://ferrazzi.projects-directory.com/wp-content/uploads/2016/07/icon-3.png" alt="">
</div>
<div class="black__color--dark paragraph font__bold padding-top-2 text-center">
<h5>Internal Service Teams</h5>
</div>
</a>
</div>
</div>
<div class="pop-up-text left-side">
<div class="pop-up-text__content">
Test 3
</div>
</div>
</div>
<div class="col-sm-4">
<div class="overflow-hidden text-center row expertise-square__outside">
<div class="expertise-square__link-container connect-left connect-right">
<a href="http://ferrazzi.projects-directory.com/solutions/trusted-advisors/"
class="expertise-square__shape-container">
<div class="expertise-square__content">
<img src="http://ferrazzi.projects-directory.com/wp-content/uploads/2016/07/icon-4.png" alt="">
</div>
<div class="black__color--dark paragraph font__bold padding-top-2 text-center">
<h5>Indirect Sales Teams</h5>
</div>
</a>
</div>
</div>
<div class="pop-up-text middle-side">
<div class="pop-up-text__content">
Test 4
</div>
</div>
</div>
<div class="col-sm-4">
<div class="overflow-hidden text-center row expertise-square__outside padding-left-6">
<div class="expertise-square__link-container connect-left no-after">
<a href="http://ferrazzi.projects-directory.com/solutions/stat/"
class="expertise-square__shape-container">
<div class="expertise-square__content">
<img src="http://ferrazzi.projects-directory.com/wp-content/uploads/2016/07/icon-5.png" alt="">
</div>
<div class="black__color--dark paragraph font__bold padding-top-2 text-center">
<h5>Sales & Account Management</h5>
</div>
</a>
</div>
</div>
<div class="pop-up-text right-side">
<div class="pop-up-text__content">
Test 5
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>