311557391/index.html at master · SISE-Web-Development-Environments/311557391 · 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
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
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html>
<style>
 body  {
  background-image: url("mmm.png");
  background-color: #cccccc;
 }
</style>
<head>
 <meta charset="UTF-8">
 <title>סבתא אסתר</title>
 <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="icon" href="h.png" type="image/icon type">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        <link href="https://cdnjs.cloudflare.com/ajax/libs/emojionearea/3.4.1/emojionearea.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/emojionearea/3.4.1/emojionearea.min.js"> </script>
</head>
<body>
<div class="scrollmenu" style="position: fixed; top: 0;">
 <a href="#about">About Me</a>
 <a href="#photos">My Photos</a>
 <a href="#playlist">My Playlist</a>
 <a href="#like">Like</a>
 <a href="#qrcoder">QR code</a>
 <a href="#spa">Q&A</a>
 <a href="#contact">Contact Me</a>
</div>
<script>
 // When the user scrolls down 20px from the top of the document, slide down the navbar
 window.onscroll = function() {scrollFunction()};

 function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
   document.getElementById("navbar").style.top = "0";
  } else {
   document.getElementById("navbar").style.top = "-50px";
  }
 }
</script>
<br/>
<br/>
<br/>
<div align="center">
    <img class="pic" src="old-itzhak%20and%20warde.jpeg">
    <img class="pic" src="old3.jpeg">
    <img class="pic" src="old4.jpeg">
    <img class="pic" src="old5.jpeg">
    <img class="pic" src="old1.jpeg">
</div>
<hr>
<section id="about" class="section">
 <br/>
 <br/>
 <br/>
 <br/>
 <h2><span>About Me - על עצמי</span></h2>
 <br/>
 <br/>
    <div style="color:black; text-align:center; font-family:verdana,fantasy; font-size:170%; font-weight: bold;">

         זה האתר שלי - שמי אסתר שבתאי   <br>
            .הנה אני פה עומדת לבדי אחרי 70 שנה מאז שהגעתי לארץ<br>
            .עליתי לישראל, לקריית שמונה בשנת 1951 כילדה בת 7 עם הוריי<br>
            .ב70 השנים הללו הספקתי ללמוד, להתחתן, לבנות בית בישראל ומשק חקלאי במושב ולגדל 7 ילדים<br>
            .ילדיי העניקו לי נכדים ונינים וכל אחד ואחת מהם הוא עולם ומלואו<br><br>
            .לאחרונה איבדתי את בעלי, שותפי לעולם, ונותרתי לבד בבית הגדול שבנינו<br>
            .למרות שאני לבד פיזית, הלב שלי והנשמה שלי מלאים בילדים שלי<br>
        ,אני שמחה שיש לי ילדים כאלה, מוכשרים ואדיבים    <br>
            .שדואגים לי ושאין בניהם טיפת קנאה ושנאה<br>
        ,אני רוצה שכל הילדים, הנכדים והנינים שלי יצליחו, יקימו משפחה, יהיו שמחים ומבסוטים ושלא יזדקקו לאף אחד    <br>
        .שיהיו בקשר אחד עם שני, מגובשים ומאוחדים    <br>
        החלטתי לפתוח אתר כדי שכל אהוביי יהיו איתי    <br><br>
        תשובות הסטודנטית על שאלות העבודה    <br>
        הציפיות שלי מהקורס - שיהיה מעניין ויחשוף אותנו לדברי תכנות מגניבים    <br>
        הקושי שלי בעבודה היה ללמוד לעבוד עם גיט בפעם הראשונה    <br>

    </div>
 <br/>
 <br/>
</section>
<section id="photos" class="section">
 <br/>
 <br/>
 <br/>
 <h2><span>My Photos - התמונות שלי </span></h2>
 <br/>
 <br/>
 <br/>
 <br/>
    <div align="center" >
        <img class="pic" src=im1.jpeg />
        <img class="pic" src=saba1.jpg />
        <img class="pic" src=im6.jpg />
        <img class="pic" src=saba4.jpg />
        <img class="pic" src=im3.jpg />


        <img class="pic" src=im7.jpg />
        <img class="pic" src=im2.jpg />
        <img class="pic" src=im4.jpg />
        <img class="pic" src=saba7.jpg  />


        <img class="pic" src=saba2.jpg />
        <img class="pic" src=saba5.jpg >
        <img class="pic" src=saba3.jpg />
        <img class="pic" src=saba6.jpg />
        <img class="pic" src=im5.jpg />

    </div>

 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
</section>

<section id="playlist" class="section">
 <br/>
 <br/>
 <br/>
 <br/>
 <h2><span>My Playlist - השירים שאני אוהבת </span></h2>
 <br/>
 <br/>
 <br/>
 <br/>
    <div align="center">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/v0BUKDCXWz4" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/gU86kKBq4IE" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

        <iframe width="560" height="315" src="https://www.youtube.com/embed/L8c0aYY8_YM" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
 <br/>
 <br/>
 <br/>
 <br/>
</section>

<section id="like" class="section">
 <br/>
 <br/>
 <br/>
 <br/>
 <h2><span>Give a Like</span></h2>
    <h4 style="color: black;font-size:160%" align="center"> if you enjoyed my website give me a like</h4>
    <div align="center">
        <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fsise-web-development-environments.github.io%2F311557391%2F&width=140&layout=button_count&action=like&size=large&share=true&height=46&appId"
                                width="140" height="46" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media">
        </iframe></div>
    <p style="color: black ;font-size:160%" align="center"> Thank you!</p>
    <p style="color: black ; font-size:160%" align="center"> 💗 💗 💗 💗 💗 </p>
</section>
<section id="qrcoder" class="section">
 <br/>
 <br/>
 <br/>
 <br/>
 <h2><span>Scan My Code</span></h2>
 <br/>
    <img src=qrcode.png width=300 height=300 class="center"/>
 <br/>
 <br/>
</section>

<section id="spa" class="section">
 <br/>
 <br/>
 <br/>
 <br/>
 <h2><span>Ans</span></h2>

 <table width="100%" cellspacing="30" >

  <tr>
   <td><h1 style="color: black" align="center" >Answer of question 1:</h1></td>
   <td><h1 style="color: black" align="center">Answer of question 2:</h1></td>
  </tr>

  <tr>

   <td valign="top">

     <table border="1" cellpadding=10 cellspacing="5" bordercolor=black style="color: black">
       <tr style="color: black">
         <th>WEB1</th>
         <th>WEB2</th>
         <th>WEB3</th>
       </tr>

       <tr style="color: black">
         <td >Search specific url</td>
         <td>Search in web pages in search engine with set before tags</td>
         <td>Enables semantic search, AI and the web learning what you want and delivering you a personalized web experience </td>
       </tr>


       <tr>
         <td>Read only web - companies publish content that people consume</td>
         <td>Read & write web - people publish content that other people can consume</td>
         <td>Read , write & execute web - people build application that other people can interact with</td>
       </tr>

       <tr style="color: black">
          <td>Static web page per person.</td>
          <td colspan="2">Dynamic web - person can change the site and other person will see the page differently.</td>
       </tr>

     </table>

   </td>

   <td valign="top">

     <table border="1" cellpadding=10 cellspacing="5" bordercolor=black style="color: black" >
        <tr>
           <th colspan="3">searching query "drugs side effect"</th>
        </tr>

        <tr style="color: black">
           <th>WEB1</th>
           <th>WEB2</th>
           <th>WEB3</th>
        </tr>

        <tr style="color: black">
           <td>We need to write specific url of site talking about drugs side effect</td>
           <td>We can search in search engine and get result of web pages that have tags of the words in the query "drugs side effect"</td>
           <td>We can search in search engine the query "drugs side effect" and get result of web pages with the best similarity to the query topic - the best result
               by  using information processing and analysis capabilities and with semantic context </td>
        </tr>
     </table>

   </td>

  </tr>
 </table>
 <br/>
</section>

<section id="contact" class="section">
 <br/>
 <br/>
 <br/>
 <br/>
 <h2><span>Contact Me</span></h2>
 <br/>
<div align="center">
    <div align="center" style= "width: 600px">
        <form name="mailform" action="mailto:noashab@post.bgu.ac.il" method="get" enctype="text/plain" >
            <p style="color: black">Name:</p>
            <input type="from" placeholder="enter your name.." name="from" required name="from" style="width:600px ;height:40px; border-color:plum">
            <p style="color: black">E-mail:</p>
            <input type="email" id="email" placeholder="enter your mail.." name="email" required name="email" style="width:600px ;height:40px; border-color:plum">
            <p style="color: black;"> Comment: </p>
            <textarea name="body" id="commentarea" type="body" placeholder="comment" required name="Comment" style="height:150px ; border-color:plum"></textarea><br>
            <input type="submit" value="Send">
        </form>

    </div>
</div>

 <br/>
 <br/>
    <br/><br/> <br/><br/> <br/><br/> <br/><br/>
</section>
<script>
    $("#commentarea").emojioneArea({
        pickerPosition: 'right',
        height: 500,
        opacity:0,
    })
</script>
</body>
</html>