-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
236 lines (214 loc) · 12.3 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>دروپال کلاب</title>
<!--pageMeta-->
<!-- Loading Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Loading Elements Styles -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-rtl.css" rel="stylesheet">
<!-- Loading Magnific-Popup Styles -->
<link href="css/magnific-popup.css" rel="stylesheet">
<!-- Loading Font Styles -->
<link href="css/iconfont-style.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="scripts/html5shiv.js"></script>
<script src="scripts/respond.min.js"></script>
<![endif]-->
<!--headerIncludes-->
</head>
<body data-spy="scroll" data-target=".navMenuCollapse">
<div id="wrap">
<!-- NAVIGATION CENTER -->
<nav class="navbar navbar-center bg-color3 navbar-fixed-top navbar-slide">
<div class="container">
<button class="round-toggle navbar-toggle menu-collapse-btn collapsed" data-toggle="collapse" data-target=".navMenuCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<div class="row no-dev">
<div class="collapse navbar-collapse navMenuCollapse">
<div class="col-md-2 text-center hidden-sm hidden-xs">
<a class="navbar-brand goto" href="#intro-video-background"><img src="./images/logo.png" alt="Your logo"></a>
</div>
<div class="col-md-10 text-right">
<ul class="nav">
<li><a href="#content-half-left">درباره کارگاه</a></li>
<li><a href="#team-circle">مدرسین</a></li>
<li><a href="#shedule">زمان بندی</a></li>
<li><a href="#clients-grid">حامیان</a></li>
<li><a href="#contact-full">رزرو</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- INTRO VIDEO BACKGROUND -->
<header id="intro-video-background" class="intro-block text-center bg-color1 dark-bg double-padding" >
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="slogan">
<h1 class="giant-title">2 دی ماه 1395<br>
<b>کارگاه گیت و دیپلویمنت دروپال با استفاده از گیت</b></h1>
<p style="direction:rtl;">همه شما دوستان دعوت هستید به کارگاه و جشن تولد یک سالگی دروپال 8، منتظر حضورتان هستیم!</p>
</div>
<a class="btn btn-lg btn-default-white goto" href="#content-half-left"><i class="icon icon-mouse"></i>مشاهده بیشتر</a> </div>
</div>
</div>
<div class="video-bg"></div>
</header>
<!-- CONTENT HALF LEFT BLOCK -->
<section id="content-half-left" class="no-sep">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5">
<h2>کارگاه اول</h2>
<h4 class="sub-title">گیت</h4>
<p class="text-justify">
گیت یک نرم افزار کنترل نسخه می باشد به طوریکه تمامی برنامه نویسان به هر زیانی که مسلط هستند می بایستی با آن آشنا باشند. در شرکت های بزرگ و حرفه ای استفاده از گیت اجباری بوده و تمامی کارمندان برای این که با دیگر همکاران خود در یک پروژه تعامل داشته باشند کد های خود را با استفاده از گیت بر روی مخرن کد شرکت قرار میدهند. گیت توسعه نرم افزار و نگهداری آن را بسیار ساده تر میکند. گیت به ما امکان می دهد که هر بار که در کد خود تغیرات انجام می دهیم این تغییرات را رهگیری نماییم.
</p>
</div>
</div>
</div>
<div class="container-half container-half-right cover-bg" style="background-image: url(images/git.jpg);"></div>
</section>
<!-- CONTENT HALF RIGHT BLOCK -->
<section id="content-half-right" class="bg-color2 dark-bg">
<div class="container">
<div class="row">
<div class="col-lg-5 col-lg-offset-7 col-md-5 col-md-offset-7">
<h2>کارگاه دوم</h2>
<h4 class="sub-title">دیپلویمنت دروپال با استفاده از گیت</h4>
<p class="text-justify">
پس از کارگاه اول می خواهیم یاد بگیریم که چگونه از گیت در پروژه های دروپالی خود استفاده نماییم. پویا جوانبخت به شرکت کنندگان یاد می دهد که چگونه تغییراتی که در ساختار دروپال می دهد را تبدیل به کد کرده و با استفاده از گیت آنها را برچسب بزنند تا بتوانند در هر تغییر آن تغییرات را رهگیری نمایند.
پیش نیاز این کارگاه، کارگاه اول می باشد. هر دوی این کارگاهها برای کارهای حرفه ای ضروری می باشد.
</p>
</div>
</div>
</div>
<div class="container-half container-half-left cover-bg" style="background-image: url(images/drupal.jpg);"></div>
</section>
<!-- TEAM CIRCLE BLOCK -->
<section id="team-circle" class="text-center team-block" >
<div class="container">
<h2 class="title">مدرسین</h2>
<div class="row">
<div class="col-sm-6"> <img src="images/ahmad.jpg" class="img-circle screen" alt="Team 1" width="250">
<h3 class="name">احمد حسام زاده حجازی</h3>
<h4 class="occupation">توسعه دهنده دروپال</h4>
<p class="text-right text-justify">
احمد مهندس نرم افزار، مدیر سیستم، و متخصص در سیستم های مبتنی بر وب است.
او از سال 88 فعالیت خود را در زمینه ی دروپال آغاز کرد و یکی از توسعه دهندگان رسمی دروپال می باشد.
او در حال حاضر به عنوان توسعه دهنده، مدیر، و مشاور نرم افزاری مشغول به کار است؛ و همچنین به عنوان مدرس در دوره های حضوری و مجازی، به تدریس تکنولوژی های کامپیوتر می پردازد.
وی اوقات فراغت خود را به مطالعه و پژوهش های آکادمیک و کاربردی و همچنین انجام پروژه های مختلف شامل نرم افزار های متن باز اختصاص می دهد.
</p>
<ul class="soc-list">
<li><a href="#" target="_blank"><i class="icon icon-twitter2"></i></a></li>
<li><a href="#" target="_blank"><i class="icon icon-facebook2"></i></a></li>
<li><a href="#" target="_blank"><i class="icon icon-dribbble2"></i></a></li>
</ul>
</div>
<div class="col-sm-6"> <img src="images/poya.jpg" class="img-circle screen" alt="Team 3" width="250">
<h3 class="name">پویا جوانبخت</h3>
<h4 class="occupation">توسعه دهنده دروپال</h4>
<p class="text-right text-justify">
او هم اکنون در شرکت آرنا یکی از شرکت های زیرمجموعه هلدینگ فناپ مشغول است. فارغ التحصیل رشته مهندسی مکانیک است و برخی از پروژه های دروپالی که انجام داده به شرح زیر می باشد:
</p>
<ul class="text-right list-job">
<li>اتوماسیون شرکت‌های گروه فناپ</li>
<li>سامانه رزرواسیون هتل‌های بانک پاسارگاد</li>
<li>سامانه اطلاع‌رسانی سرمایه انسانی بانک پاسارگاد</li>
<li>اتوماسیون سرمایه انسانی فناپ، وبسایت شرکت فناپ</li>
<li>وبسایت دانشگاه خاتم</li>
</ul>
<ul class="soc-list">
<li><a href="#" target="_blank"><i class="icon icon-twitter2"></i></a></li>
<li><a href="#" target="_blank"><i class="icon icon-facebook2"></i></a></li>
<li><a href="#" target="_blank"><i class="icon icon-dribbble2"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- SHEDULE BLOCK -->
<section id="shedule" class="cover-bg" style="background-image:url(images/bg5.jpg);">
<div class="container">
<div class="row text-center">
<h2 class="title">زمان بندی کارگاه</h2>
</div>
<div class="panel">
<a class="panel-heading" data-toggle="collapse" href="#collapseOne"><span class="editContent">برنامه کارگاه</span></a>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<ul>
<li><strong>کارگاه اول: 13 الی14:30</strong></li>
<li>زمان استراحت: 14:30 الی 15</li>
<li><strong>کارگاه دوم: 15 الی16:30</strong></li>
<li><strong>برگزاری جشن یک سالگی دروپال : 16:45 الی 18</strong></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- CLIENTS GRID BLOCK -->
<section id="clients-grid" class="clients-block text-center cover-bg dark-bg bg-color1" style="background-image:url(images/bg23.jpg)">
<div class="container">
<h2 class="title">حامیان دروپال کلاب</h2>
<div class="row sep-bottom">
<div class="col-sm-3"><img src="images/clients/logo-1.png" alt="logo"/></div>
<div class="col-sm-3"><img src="images/clients/logo-2.png" alt="logo"/></div>
<div class="col-sm-3"><img src="images/clients/logo-3.png" alt="logo"/></div>
<div class="col-sm-3"><img src="images/clients/logo-4.png" alt="logo"/></div>
</div>
</div>
</section>
<!-- CONTACT FULL BLOCK -->
<section id="contact-full" class="text-center">
<div class="container">
<h2 class="title">رزرو بلیط کارگاه</h2>
<address>
آدرس محل برگذاری : تهران - خیابان آفریقا (جردن شمالی)، بعد از پل میرداماد، بن بست قبادیان شرقی، پلاک3، کافه آی تی
</address>
<div id="evand"><div id="evand-content"></div><div class="evand-copyright"><a href="http://evand.com" title="قدرت‌گرفته از ایوند"><img src="http://static.evand.com/extra/logo.png" alt="قدرت‌گرفته از ایوند"></a></div></div><script type="text/javascript">var evand=evand||{};evand.theme="default";evand.eventSlug="itcafe-drupal8",function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src=("https:"==document.location.protocol?"https://":"http://")+"static.evand.com/embed/script.js?load=1";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}();</script>
</div>
</section>
<!-- FOOTER CENTER -->
<footer id="footer-center" class="bg-color1 dark-bg">
<div class="container">
<ul class="soc-list">
<li><a href="#" target="_blank"><i class="icon icon-telegram"></i></a></li>
<li><a href="https://instagram.com/drupalclub" target="_blank"><i class="icon icon-instagram"></i></a></li>
</ul>
</div>
</footer>
</div>
<!-- /#wrap -->
<!-- MODALS BEGIN-->
<div class="modal fade" id="modalMessage" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 class="modal-title"> </h3>
</div>
</div>
</div>
<!-- MODALS END-->
<!-- JavaScript -->
<script src="scripts/jquery-1.11.2.min.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="scripts/jquery.validate.min.js"></script>
<script src="scripts/smoothscroll.js"></script>
<script src="scripts/jquery.smooth-scroll.min.js"></script>
<script src="scripts/placeholders.jquery.min.js"></script>
<script src="scripts/jquery.magnific-popup.min.js"></script>
<script src="scripts/jquery.counterup.min.js"></script>
<script src="scripts/waypoints.min.js"></script>
<script src="scripts/video.js"></script>
<script src="scripts/bigvideo.js"></script>
<script src="scripts/custom.js"></script>
</body>
</html>