rubyconfegypt.github.io/index.html at master · rubyconfegypt/rubyconfegypt.github.io · GitHub

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
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Ruby Conference Egypt</title>
    <link rel="icon" type="image/png" href="img/ruby.png" />

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <!-- Compiled and minified CSS
    -->
    <link rel="stylesheet" href="https://code.getmdl.io/1.2.0/material.yellow-red.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <link rel="stylesheet" href="stylesheets/styles.css">

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  </head>
  <body>
    <div class="wrapper">
      <header>
	<img class="" src="img/ruby.png"  alt="utter">
	<p>
	<dl>
	  <dt>
	  Date:
	  </dt>
	  To Be Announced
	  <dt>
	  Venue:
	  </dt>
	  To Be Announced
	</dl>
	</p>
      </header>

      <section>
	<h3>RubyConf Egypt 2017</h3>
	<hr/>

	<h5>What is Ruby?</h5>
	Ruby is a programming language of careful balance between beautiful and practical. It has blended parts of (Perl, Smalltalk, Eiffel, Ada, and Lisp)
	with the aim for being "natural, not simple" in a way that mirrors life.
	<h6> "Ruby is simple in appearance, but is very complex inside, just like our human body." - Yukihiro "Matz" Matsumoto</h6>
      </section>
	<hr>

      <section>
	<h5> What is RubyConf Egypt?</h5>
	RubyConf Egypt is intended to be a nonprofit annual conference for promoting Ruby adoption in Egypt. RubyConf Egypt 2017 is the first Ruby Conference to be held in Egypt.
      </section>

      <section>
	<h5> Who Should Attend RubyConf Egypt?</h5>
	<h6> Ruby Software Engineers</h6>
	<h6> Java Software Engineers</h6>
	<h6> Python Software Engineers</h6>
	<h6> .NET Software Engineers</h6>
	<h6> Grad\Undergrad Students</h6>
	<h6> Anyone with an interest in Programming as a Liberal Art</h6>
      </section>

      <footer>

	<!-- Modal Trigger
	<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

	<button data-target="modal1" class="btn modal-trigger">sModal</button>
	-->


	<div class=buttons>
	  <button id="" data-target="speaker_modal" class="modal-trigger mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect">
	    Apply as a Speaker
	  </button>

	  <!-- Modal Structure -->
	  <div id="speaker_modal" class="modal">
	    <div class="modal-content">
	      <h4>Apply as a Speaker</h4>
	      <p>A bunch of speaker text</p>
	    </div>
	    <div class="modal-footer">
	      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Apply</a>
	    </div>
	  </div>


	  <hr>
	  <button id="" data-target="sponsor_modal" class="modal-trigger mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect">
	    Apply as a Sponsor
	  </button>

	  <!-- Modal Structure -->
	  <div id="sponsor_modal" class="modal">
	    <div class="modal-content">
	      <h4>Apply as a Sponsor</h4>
	      <p>A bunch of sponsor text</p>
	    </div>
	    <div class="modal-footer">
	      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Apply</a>
	    </div>
	  </div>

	  <br>
	  <hr>
	  <button id="" data-target="organizer_modal" class="modal-trigger mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect">
	    Volunteer as an Organizer
	  </button>

	  <!-- Modal Structure -->
	  <div id="organizer_modal" class="modal">
	    <div class="modal-content">
	      <h4>Volunteer as an Organizer</h4>
	      <p>A bunch of organizer text</p>
	    </div>
	    <div class="modal-footer">
	      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Volunteer</a>
	    </div>
	  </div>

	  <br>
	  <hr>
	  <button id="" data-target="tickets_modal" class="modal-trigger mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect">
	    Buy Tickets
	  </button>

	  <!-- Modal Structure -->
	  <div id="tickets_modal" class="modal">
	    <div class="modal-content">
	      <h4>Buy Tickets</h4>
	      <p>A bunch of tickets text</p>
	    </div>
	    <div class="modal-footer">
	      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Buy</a>
	    </div>
	  </div>

	  <br>
	  <hr>
	  <br>
	</div>

      </footer>
    </div>


    <!-- Compiled and minified JavaScript
    <script defer src="https://code.getmdl.io/1.2.0/material.min.js"></script>
    -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>


    <script src="javascripts/scale.fix.js"></script>
    <script src="javascripts/app.js"></script>

  </body>
</html>