This repository has been archived by the owner on Feb 25, 2018. It is now read-only.
/
front-page.php
143 lines (131 loc) · 5.26 KB
/
front-page.php
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
<?php
//*front-page.php
remove_action( 'genesis_loop', 'genesis_do_loop' );
// enqueue GSAP and scrollmagic script to header
function enqueue_script_gsap_scrollmagic(){
//GSAP
wp_enqueue_script( 'gsap-css' );
wp_enqueue_script( 'gsap-ease' );
wp_enqueue_script( 'gsap-tweenlite' );
wp_enqueue_script( 'gsap-timelinelite' );
//ScrollMagic
wp_enqueue_script( 'scrollmagic-main' );
wp_enqueue_script( 'scrollmagic-gsap' );
//wp_enqueue_script( 'scrollmagic-debug' ); // for debug purpose, should be deleted after development
}
add_action( 'wp_enqueue_scripts', 'enqueue_script_gsap_scrollmagic');
// enqueue front-page.css
function enqueue_front_page_css()
{
wp_register_style( 'front-page-css', get_stylesheet_directory_uri() . '/css/front-page.css', array(), null, 'all' );
wp_enqueue_style( 'front-page-css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_front_page_css' );
add_action('genesis_after_header','front_page_html');
function front_page_html(){
?>
<div class="hero-image">
<div id="hero-image-nav"><?php genesis_do_nav() ?></div>
<div class="hero-image-text">
<h1 id="hero-image-text-1">Jacob Goh</h1>
<h1 id="hero-image-text-2">WordPress Developer</h1>
<p id="hero-image-text-3">I create websites that are fast, mobile responsive, and easy to manage.</p>
</div>
</div>
<div class="wrap">
<div class="feature-box-headline">
<h1>The websites I build are:</h1><br/>
</div>
<div class="one-third first">
<div class="feature-box" id="feature-box-1">
<div class="feature-box-image">
<img class="feature-box-img" src="https://lh3.googleusercontent.com/yUTp6tiFAZjlxqKd7HIM3PDoJpBYTtlWk1_5VmJ_LB0T1BtV0IA=s128-no">
</div>
<div class="feature-box-text">
<h3>Professionally Designed</h3>
<p>My designer colleague and I will create something gorgeous just for you.</p>
</div>
</div>
</div>
<div class="one-third" id="feature-box-2">
<div class="feature-box">
<div class="feature-box-image">
<img class="feature-box-img" src="https://lh3.googleusercontent.com/AXA1g2ROYtEyDoz0FzMich_xe0Ru-hUJBNK0JDDgRV94CapQRI4=s128-no">
</div>
<div class="feature-box-text">
<h3>Fully Responsive</h3>
<p>I know how important mobile and tablets are. That is why I will ensure that your website works great on all devices.</p>
</div>
</div>
</div>
<div class="one-third">
<div class="feature-box" id="feature-box-3">
<div class="feature-box-image">
<img class="feature-box-img" src="https://lh3.googleusercontent.com/PYAWYSSvKoslyD_K-XJGbExYcQ13kX9VrukRv3Oko28wowf-ZK4=s128-no">
</div>
<div class="feature-box-text">
<h3>Fast & Smooth</h3>
<p>Slow sites means bad user experience. I will make your website load fast for your user.</p>
</div>
</div>
</div>
<div class="one-third first">
<div class="feature-box" id="feature-box-4">
<div class="feature-box-image">
<img class="feature-box-img" src="https://lh3.googleusercontent.com/yDJqgv5tmEiou8Dy0ng25vY6fbw2RMsZjgB-h0sATzaT9_qDbiw=s128-no">
</div>
<div class="feature-box-text">
<h3>Secure</h3>
<p>The websites are built on Genesis Framework, which means the websites I build will always be following WordPress security best practice.</p>
</div>
</div>
</div>
<div class="one-third">
<div class="feature-box" id="feature-box-5">
<div class="feature-box-image">
<img class="feature-box-img" src="https://lh3.googleusercontent.com/4R010vQq8EX5bptP-AyeURai4o64l1TSh3VHisZpeOJ68zPsVnQ=s128-no">
</div>
<div class="feature-box-text">
<h3>Training</h3>
<p>I create video tutorials so that you won't have any problems managing your website's back-end.</p>
</div>
</div>
</div>
<div class="one-third">
<div class="feature-box" id="feature-box-6">
<div class="feature-box-image">
<img class="feature-box-img" src="https://lh3.googleusercontent.com/5kEwVKuN2nVqmGhnQ9p2WqGcAdQw6I7gx7JMWwCAFtqadnIKDgo=s128-no">
</div>
<div class="feature-box-text">
<h3>Built to Last</h3>
<p>I write clean code and use high quality plugins, so there will be no issue when it comes to upgrading.</p>
</div>
</div>
</div>
</div>
<a name="contact"></a>
<div class="for-home-contact-form">
<div class="wrap">
<div class="one-half first">
<h1 id="for-home-contact-form-1">Let's</h1>
<h1 id="for-home-contact-form-2">Talk</h1>
<p>
I’d love to hear about how I can help your business.<br/><br/>
Please send me some information on your project so I can figure out how best to help you.<br/><br/>
After confirming that I'm a good fit for your project, we shall schedule a Skype chat to discuss things in further details.
</p>
</div>
<div class="one-half">
<?php dynamic_sidebar( 'for-home-contact-form' ); ?>
</div>
</div>
</div>
<?php
} // End quote of front_page_html()
function enqueue_front_page_script()
{
wp_register_script( 'front-page-script', get_stylesheet_directory_uri() . '/js/front-page.js', array( 'jquery' ), CHILD_THEME_VERSION, true );
wp_enqueue_script( 'front-page-script' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_front_page_script' );
genesis();