-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (134 loc) · 7.93 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="images/favicon.svg" sizes="32x32" type="image/svg">
<meta charset="utf-8">
<meta name="description" content="3Keys International is a Non-Profit organization dedicated to empowering individuals through deep emotional work by using the 3Keys method created by Pat Wyman">
<meta name="keywords" content="Pat Wyman, 3keys, psychotherapy, personal development , workshop">
<title>3Keys International - Home</title>
</head>
<body>
<div class="maincontainer">
<div id="headercontent">
<header>
<div class="imagecontainer" id="logotop"><img src="images/logo3keys.svg" alt="logoimage"> </div>
<nav>
<ul>
<li> <a class="navlink linkStyleNone" href="index.html">Home</a>
<li> <a class="navlink linkStyleNone" href="workshops.html">Workshops</a>
<li> <a class="navlink linkStyleNone" href="about.html">About</a>
<li> <a class="navlink linkStyleNone" href="ethics.html">Ethics</a>
<li> <a class="navlink linkStyleNone" href="contact.html">Contact</a>
</ul>
</nav>
</header>
</div>
<main>
<section>
<div class="section--full topmargin">
<div id="leftmedia">
<div class="squarelink" id="topcontent"><a href="howwework.html"><img
onmouseover="this.src='images/empowerblue.svg'"
onmouseout="this.src='images/empowerviolet.svg'" src="images/empowerviolet.svg" alt=""></a>
</div>
<div class="squarelink" id="botcontent"><a href="contact.html"><img
onmouseover="this.src='images/startworkhov.svg'"
onmouseout="this.src='images/startwork.svg'" src="images/startwork.svg" alt=""></a></div>
</div>
<!--Main Rotating Media Container-->
<div id="multimedia"><a href="contact.html"><img class="multimediaImage" src="images/heretosupport.png" alt="3keysbanner"></a></div>
</div>
<img src="images/sectiondivider.svg" alt="">
<div class="section--full" id="introduction">
<img src="images/mainbanner.svg" alt="">
</div>
</section>
<section>
<table class="contenttable">
<tbody>
<tr>
<td class="titlecellblank"></td>
<td class="titlecell lineSpacingLarge"> <span class="purpleText cellHeaderFont boldMedium">Myers Briggs Type Indicator<sup class="purpleText">®</sup></span> </td>
<td class="titlecellblank"></td>
<td class="titlecellblank"></td>
<td class="titlecell lineSpacingLarge"> <span class="purpleText cellHeaderFont boldMedium">The Enneagram</span> </td>
<td class="titlecellblank"></td>
</tr>
<tr><td class="titlecellblank"></td>
<td class="contentcell justifytext lineSpacingMedium">This tool determines how we are energized, take in information and make decisions. Rational, conscious thinking is defined by a person's MBTI<sup>®</sup>, it also provides a window into the person's worldview. Decisions made when rational thinking is in control are always in the best interest of the person, as opposed to the subconscious emotional defense.</td>
<td class="titlecellblank"></td>
<td class="titlecellblank"></td>
<td class="contentcell justifytext lineSpacingMedium">The Enneagram is best understood as the defense system that is located in the subconscious. It is best determined by referencing a stressful situation and examining emotions and motivations rather than behaviours. There are nine different Enneagram types, each identified by a number. This defense is fully subconscious and not located in rational thinking. Therefore, decisions made with the Enneagram in control are made from a position of emotional defense and not from rational thinking.<br> </td>
<td class="titlecellblank"></td>
</tr>
</tbody>
</table>
</section>
<section>
<div class="section--full">
<div class="contentbox">
<div class="addcontenttext">
<h2>The 3Keys method can help you:</h2>
<ul>
<li class="listSpacingMedium mediumSizeFont">Solve recurring problems</li>
<li class="listSpacingMedium mediumSizeFont">Strengthen friendship, family and personal relationships
</li>
<li class="listSpacingMedium mediumSizeFont">Boost personal development</li>
<li class="listSpacingMedium mediumSizeFont">Manage stress</li>
<li class="listSpacingMedium mediumSizeFont">Solve career-threatening problems</li>
<li class="listSpacingMedium mediumSizeFont">Answer questions that will lead to a more purposeful and inspiring life </li>
</ul>
<p class="justifyRight"><a class="linkhover linkStyleNone" href="howwework.html"><span
class="purpleText boldMedium">Learn More</span></a></p>
</div>
</div>
<div class="imagebox" id="imagetopright">
<div class="addcontent"><img class="picroundframe" src="images/manmountain.png" alt="contentimageone"> </div>
</div>
</div>
<div class="section--full">
<div class="imagebox" id="imagebotleft">
<div class="addcontent"><img class="picroundframe" src="images/russian.png" alt=""></div>
</div>
<div class="contentbox">
<div class="addcontenttext">
<h2>How are we different?</h2>
<p class="maincontenttext mediumSizeFont lineSpacingMedium">3Keys Practitioners do not give out advice, instead we work in partnership with our clients, offering tools that lead to self-renovation.</p>
<p class="maincontenttext mediumSizeFont lineSpacingMedium"><strong>Explore. </strong>We explore the subconscious until we find whatever it is that is stopping you from living the life you want.</p>
<p class="maincontenttext mediumSizeFont lineSpacingMedium"><strong>Empowers You. </strong>We provide you with the tools you need to consistently make good, rational decisions for yourself and operate from your strongest, most powerful self.</p>
<p class="maincontenttext mediumSizeFont lineSpacingMedium"><strong>Creates sustainable results.</strong> We stay with you until you are able to create sustainable results, some of which you define at the start, and some of which emerge as we work together. We cannot predict how long the process will take for each individual, but if you are willing to do the work, we will be with you to the end, as long as you need us.</p>
<p class="maincontenttext mediumSizeFont lineSpacingMedium">The work integrates both left brain, cognitive approaches and affective, or right-brain work – a unique combination.</p>
</div>
</div>
<img src="images/sectiondivider.svg" alt=""></div>
</section>
<footer>
<div class="section--full">
<table class="mediacontactinfo" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="footercelltop">Follow us on social media</td>
<td rowspan="2" class="footercelltop"><img class="medialogo" id="logocell"
src="images/3keyslogowhite50px.svg" alt=""></td>
<td class="footercelltop">Contact Us by email</td>
</tr>
<tr>
<td class="footercellmiddle">
<a href="https://www.facebook.com/3keysinternational" target="_blank"><img class="socialmediaicon" src="images/iconssocialmedia-01.svg" alt=""></a>
<a href="https://www.instagram.com"><img class="socialmediaicon" src="images/iconssocialmedia-02.svg" alt=""></a>
<a href="https://www.twitter.com"><img class="socialmediaicon" src="images/iconssocialmedia-03.svg" alt=""></a>
</td>
<td class="footercellmiddle"><a id="contactemail" href="http://www.gmail.com">[email protected]</a></td></tr>
<tr>
<td class="footercellbottom" id="webmaster">Site Development by Phat Whale Media</td>
<td class="footercellbottom" id="orangecell"><a class="linkStyleNone" href="https://www.phatwhalemedia.com"><span class="whitefont">www.phatwhalemedia.com</span></a></td>
<td class="footercellbottom" id="yellowcell">3Keys International®2020</td></tr>
</tbody>
</table>
</div>
</footer>
</main>
</div>
</body>
</html>