· 6 years ago · Oct 29, 2019, 12:50 AM
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta name="keywords" content="////////////////">
6 <meta name="subject" content="personal site">
7 <meta name="language" content="English">
8 <meta name="abstract" content="personal site ////">
9 <meta name="description" content="personal site of ////" />
10 <meta name="robots" content="index,follow">
11 <meta name="googlebot" content="index,follow">
12 <meta name="author" content="//, //@gmail.com">
13 <meta name="url" content="http:///////.com">
14 <meta name="distribution" content="Global">
15
16
17 <meta http-equiv="Cache-Control" content="no-cache" />
18 <meta http-equiv="Pragma" content="no-cache" />
19
20
21
22 <link rel="index" href="http://////.com" title="/////name">
23 <meta name="theme-color" content="#000000">
24 <link href="/images/logos hd 2faaaav.jpg" rel="icon" type="image/x-icon" />
25 <link href="/images/logos hd 2faaaav.jpg" rel="shortcut icon" type="image/x-icon">
26
27 <link rel="mask-icon" href="/images/logos hd 2faaaav.jpg" color="White">
28 <meta name="apple-mobile-web-app-capable" content="yes">
29 <meta name="mobile-web-app-capable" content="yes">
30
31
32
33
34 <meta http-equiv="content-language" content="EN" />
35 <meta charset="UTF-8">
36 <meta name="viewport" content="width=device-width, initial-scale=1.0">
37 <meta http-equiv="X-UA-Compatible" content="ie=edge">
38 <link rel="canonica" href="http://////.com">
39 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
40 <link rel="stylesheet" href="css/normalize.css">
41 <link rel="stylesheet" href="css/mystyle.css">
42 <!-- <link rel="stylesheet" href="css/portfolio.css"> -->
43 <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
44 <link rel="stylesheet" href="css/fontstyle.css">
45 <!-- Global site tag (gtag.js) - Google Analytics -->
46 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125852808-2"></script>
47 <script>
48 window.dataLayer = window.dataLayer || [];
49
50 function gtag() {
51 dataLayer.push(arguments);
52 }
53 gtag('js', new Date());
54
55 gtag('config', 'UA-125852808-2');
56 </script>
57
58 <title>////////////////////////</title>
59
60 <style>
61 /* stayle language select */
62
63 .en-lang-toggle {
64 display: block;
65 color: white;
66 position: relative;
67 left: 1em;
68 top: 2em;
69 float: left;
70 margin-right: 1em;
71 font-family: 'Montserrat', sans-serif;
72 }
73
74 .fa-lang-toggle {
75 font-family: Roya;
76 font-size: 1.1em;
77 display: block;
78 color: white;
79 position: relative;
80 left: 16px;
81 top: 31px;
82 float: left;
83 margin-right: 1em;
84 }
85
86 .lang-select a {
87 text-decoration: none;
88 color: white;
89 }
90
91 .slash {
92 color: white;
93 position: relative;
94 left: -1.3em;
95 top: 2em;
96 }
97
98 .en-font {
99 font-family: 'Montserrat', sans-serif;
100 }
101
102 .lang-select {
103 float: left;
104 }
105 /* stayle language select */
106
107 .tablinks {
108 cursor: pointer;
109 }
110
111 a.tablinks.active {
112 color: gray;
113 transition: color .5s;
114 }
115 </style>
116
117
118
119</head>
120<style>
121/* Dropdown Button */
122.dropbtn {
123 background-color: #4CAF50;
124 color: white;
125 padding: 16px;
126 font-size: 16px;
127 border: none;
128}
129
130/* The container <div> - needed to position the dropdown content */
131.dropdown {
132 position: relative;
133 display: inline-block;
134}
135
136/* Dropdown Content (Hidden by Default) */
137.dropdown-content {
138 display: none;
139 position: absolute;
140 background-color: #f1f1f1;
141 min-width: 160px;
142 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
143 z-index: 1;
144}
145
146/* Links inside the dropdown */
147.dropdown-content a {
148 color: black;
149 padding: 12px 16px;
150 text-decoration: none;
151 display: block;
152}
153
154/* Change color of dropdown links on hover */
155.dropdown-content a:hover {background-color: #ddd;}
156
157/* Show the dropdown menu on hover */
158.dropdown:hover .dropdown-content {display: block;}
159
160/* Change the background color of the dropdown button when the dropdown content is shown */
161.dropdown:hover .dropbtn {background-color: #3e8e41;}
162</style>
163
164<body>
165 <div class="dropdown">
166 <button class="dropbtn">MENU</button>
167 <div class="dropdown-content">
168 <a onclick="openCity(event , 'Resume' )">Resume</a>
169 <a href="#">Link 2</a>
170 <a href="#">Link 3</a>
171 </div>
172</div>
173
174 <!--div class="container">
175 <header class="header">
176 <span class="slash">/</span>
177 <a class="menu-toggle">MENU</a>
178 <nav class="nav">
179 <ul>
180 <li>
181 <a class="tablinks" onclick="openCity(event , 'Bio' )" id="defaultOpen">Bio</a>
182 </li>
183 <!--li>
184 <a class="tablinks" onclick="openCity(event , 'Portfolio' )">Portfolio</a>
185 </li>
186 <li>
187 <a class="tablinks" onclick="openCity(event , 'Resume' )">Resume</a>
188 </li>
189 <li>
190 <a class="tablinks" onclick="openCity(event , 'Contact' )">Contact</a>
191 </li>
192 <div class="social-icon">
193 <a href="https://twitter.com////////" target="_blank" class="icon fab fa-twitter"></a>
194 <a href="https://www.facebook.com////////" target="_blank" class="icon fab fa-facebook-f"></a>
195 <a href="https://www.instagram.com////////" target="_blank" class="icon fab fa-instagram"></a>
196 <a href="https://github.com////////" target="_blank" class="icon fab fa-github"></a>
197 <a href="https://codepen.io////////" target="_blank" class="icon fab fa-codepen" style="margin-right:.6em"></a>
198 <a href="https://www.linkedin.com/in/////////" target="_blank" class="icon fab fa-linkedin-in"></a>
199 </div>
200 <p>Copyright ©2018 All rights reserved | This template is made with by ////// .</p-->
201 </ul>
202 </nav>
203 </header>
204 <main class="main">
205 <div class="inner-container">
206 <section id="Bio" class="tabcontent ">
207 <div class="title">
208 <h1 class="main-title">Hi , </h1>
209 <p class="sub-title">Developer</p>
210 </div>
211 <div class="content">
212 <p>//////////////.</p>
213 <p>/////</p>
214 <p> ////</p>
215
216 </div>
217 <div class="social">
218 <a href="https://twitter.com////" target="_blank">Twitter</a>
219 <a href="https://www.facebook.com//////" target="_blank">Facebook</a>
220 <a href="https://www.instagram.com//////" target="_blank">Instagram</a>
221 <a href="https://t.me///////" target="_blank">Telegram</a>
222 </div>
223 </section>
224 <section id="Resume" class="tabcontent">
225 <div class="title">
226
227
228 <div class="content">
229 <h1>Education</h1>
230 <h3>////</h3>
231 <h5>////</h5>
232 <h6>/////</h6>
233
234
235 <h3>//////</h3>
236 <h5>//////</h5>
237 <h6>//////</h6>
238
239 </div>
240
241 <div class="content">
242 <h1>Experience</h1>
243
244
245 <h3>Web Design</h3>
246 <h5>//////</h5>
247 <h6>Present</h6>
248
249 <h3>Photographer</h3>
250 <h5>/////</h5>
251 <h6>Present</h6>
252
253 <h3>/////</h3>
254 <h5></h5>
255 <h6>Present</h6>
256 </div>
257
258
259
260 <div class="content">
261 <h1>Skills</h1>
262
263
264 <h3>Web programming </h3>
265
266 <p>Front-End programming with ( HTML , CSS , JavaScript ) . <br> Back-End programming with ( PHP , JAVA ) . <br> Website design with wordpress And website management .</p>
267
268
269 <h3>////</h3>
270
271 <p>///</p>
272 </div>
273
274 </div>
275
276
277
278
279
280
281
282
283 </section>
284 <section id="Contact" class="tabcontent">
285 <div class="title">
286 <h1>Contact</h1>
287
288
289 <p class="con-text">Contact me<br> <br> Thanks a lot.</p>
290 <ul class="con-social">
291 <li>Email: ////</li>
292 <li>Phone: ////</li>
293 <li>Telegram: <a href="https://t.me////">@////////</a></li>
294 </ul>
295
296
297
298
299 </div>
300 <div class="social">
301 <a href="https://twitter.com/////" target="_blank">Twitter</a>
302 <a href="https://www.facebook.com/////" target="_blank">Facebook</a>
303 <a href="https://www.instagram.com/////" target="_blank">Instagram</a>
304 <a href="https://t.me/////" target="_blank">Telegram</a>
305 </div>
306 </section>
307
308
309 </div>
310 </main>
311 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
312 <script>
313 (function($) {
314 var $menutoggle = $('.menu-toggle');
315
316 $menutoggle.on('click', function(e) {
317 $('body').toggleClass('show-menu');
318 $(this).toggleClass('is-active');
319
320 })
321 })(jQuery);
322
323 function openCity(evt, cityName) {
324 // Declare all variables
325 var i, tabcontent, tablinks;
326
327 // Get all elements with class="tabcontent" and hide them
328 tabcontent = document.getElementsByClassName("tabcontent");
329 for (i = 0; i < tabcontent.length; i++) {
330 tabcontent[i].style.display = "none";
331 }
332
333 // Get all elements with class="tablinks" and remove the class "active"
334 tablinks = document.getElementsByClassName("tablinks");
335 for (i = 0; i < tablinks.length; i++) {
336 tablinks[i].className = tablinks[i].className.replace("active", "");
337 }
338
339 // Show the current tab, and add an "active" class to the link that opened the tab
340 document.getElementById(cityName).style.display = "block";
341 evt.currentTarget.className += " active";
342
343 }
344 </script>
345 <script>
346 // Get the element with id="defaultOpen" and click on it
347 document.getElementById("defaultOpen").click();
348 </script>
349 </div>
350</body>
351
352</html>