-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (54 loc) · 1.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mocha</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.js"></script>
<script type="text/javascript" src="https://unpkg.com/[email protected]"></script>
<script type="text/javascript" src="https://vuejs.org/js/vue.js"></script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
</head>
<body>
<div class="container" id="app">
<div class="content" :class="{ blurred : modalShow }">
<div class="header">
<div class="avatar v-middle">
<div class="img-border">
<img src="images/avatar.png" alt="">
</div>
</div>
<div class="name v-middle">
<h1>
<span>BORA</span>
<span>DAN</span>
</h1>
</div>
</div>
<div class="mini-infos">
<div class="info">03.03.1987</div>
<div class="info">Anadoluhisarı / İstanbul</div>
<div class="info">555 746 51 05</div>
<div class="info"><a href="mailto:[email protected]">[email protected]</a></div>
</div>
<div class="vertical-line">
<div class="section" v-for="(section, i) in sections">
<h2>{{ section.name }}</h2>
<template v-for="(subtitle, index) in section.subtitles">
<div class="description">
<h3>{{ subtitle.name }}</h3>
<span v-html="regexDesc[i][index]"></span>
<add-description-button :order="index" :porder="i"></add-description-button>
</div>
<add-description-panel :classname="{ 'show' : (activeDesc == index + '' + i ) }" :indexa="i" :indexb="index">
</add-description-panel>
</template>
<add-section-button :order="i"></add-section-button>
</div>
</div>
</div>
<add-section-modal :order-count="sectionOrder" v-show="modalShow"></add-section-modal>
</div>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>