PageSourceSearch

https://webceph.com/en/pricing/

html webceph.com collected 2026-10-02 00:08:21 UTC 196,984 bytes, 4,402 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5  <head>
6
7    <meta charset="utf-8">
8    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
10    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
11    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
12    <meta name="description" content="AI-powered web-based platform for orthodontic and orthognathic treatment. Supports cephalometric analysis, automatic tracing, and visual treatment simulation for dental professionals.">
13
14
15    <meta name="author" content="Yehyun Kim">
16    <meta property="og:url"           content="https://www.webceph.com" />
17    <meta property="og:type"          content="website" />
18    <meta property="og:title"         content='WebCeph: Web-based Orthodontic Imaging and Treatment Planning Software' />
19    <meta property="og:description"   content="AI-powered web-based platform for orthodontic and orthognathic treatment. Supports cephalometric analysis, automatic tracing, and visual treatment simulation for dental professionals."/>
20    <meta property="og:image"         content="https://public-assets.webceph.com/static/img/preview_webceph.png" />
21    <meta name="apple-itunes-app" content="app-id=1534844081">    
22    <meta name="naver-site-verification" content="0622867b243378b6a6b139beb5411f7d9e105911"/>
23    <meta name="facebook-domain-verification" content="4s79hbby106e2a8m5gqpytxpq90se7" />
24    <link rel="shortcut icon" href='https://public-assets.webceph.com/static/img/favicon_WC.ico'  type='image/x-icon'>    
25    <link rel="icon" href='https://public-assets.webceph.com/static/img/favicon_WC.ico'  type='image/x-icon'>
26
27    <!-- <meta name="theme-color" content="#493174"> -->
28    <!-- <meta name="theme-color" content="#581BFF"> -->
29
30    
31      <meta name="theme-color" content="#581BFF">
32    
33
34    <link rel="apple-touch-icon" href="https://public-assets.webceph.com/static/img/WC_120x120.png",>
35
36    <title>WEBCEPH</title>
37
38    
39
40
41   <link href="https://public-assets.webceph.com/static/css/all.css" rel="stylesheet">
42    <!-- <link rel="stylesheet" href='https://public-assets.webceph.com/static/css/font-awesome.min.css'>  -->
43    <link rel="stylesheet" media="screen" href='https://public-assets.webceph.com/static/css/jquery-ui.css' type="text/css"  />
44
45
46    <link href="https://public-assets.webceph.com/static/css/bootstrap.min.css" rel="stylesheet">
47    
48    <!-- <link rel="stylesheet" href='https://public-assets.webceph.com/static/css/bootstrap.min.css'>    
49    <link rel="stylesheet" href='https://public-assets.webceph.com/static/css/bootstrap-theme.min.css'> -->
50
51    <link rel="stylesheet" media="screen" href='https://public-assets.webceph.com/static/css/zoomple.css' type="text/css" />
52    <link href='https://public-assets.webceph.com/static/css/custom.css' rel="stylesheet">
53    <link href="https://public-assets.webceph.com/static/css/navbar-static-top.css" rel="stylesheet">   
54
55   <link href="https://public-assets.webceph.com/static/css/flag-icon.min.css" rel="stylesheet">   
56
57
58    <!-- Libs CSS -->
59    <link rel="stylesheet" href='https://public-assets.webceph.com/static/assets/fonts/feather/feather.min.css'>
60    <link rel="stylesheet" href='https://public-assets.webceph.com/static/assets/libs/flatpickr/dist/flatpickr.min.css'>
61    <link rel="stylesheet" href='https://public-assets.webceph.com/static/assets/libs/quill/dist/quill.core.css'>
62    <link rel="stylesheet" href='https://public-assets.webceph.com/static/assets/libs/select2/dist/css/select2.min.css'>
63    <link rel="stylesheet" href='https://public-assets.webceph.com/static/assets/libs/highlight.js/styles/vs2015.css'>
64
65    <!-- Map -->
66
67
68    <!-- Theme CSS -->
69      
70    <link rel="stylesheet" href='https://public-assets.webceph.com/static/assets/css/theme.min.css' id="stylesheetLight">
71
72    <!-- <link rel="stylesheet" href='https://public-assets.webceph.com/static/assets/css/theme-dark.min.css' id="stylesheetDark"> -->
73
74    
75
76    <style>
77
78      @media (min-width: 768px){
79        .main-container{
80          padding-top: 66.5px !important; 
81        }
82      }
83      @media (max-width: 767px){
84        .main-container{
85          padding-top: 49.5px !important; 
86        }
87        .footer{
88          font-size: 9px;
89          padding-top: 15px;
90          padding-bottom: 15px;
91        }
92        #footer_ac_logo{
93          height: 18px !important;
94          margin-bottom: 3px !important;
95        }
96        #cm{
97          padding: 1.25rem !important;
98        }
99        #c-ttl{
100          font-size: 1rem !important;
101        }
102        #c-txt{
103          font-size: .7rem !important;
104          margin-bottom: .5em !important;
105        }
106        #c-bns{
107          text-align: center !important;
108        }
109        
110        #c-p-bn{
111          display: inline-block !important;
112          width: 45% !important;
113          padding: .8em 1.2em !important;
114          margin-right: 8px !important;
115        }
116        #c-s-bn{
117          display: inline-block !important;
118          width: 45% !important;
119          padding: .8em 1.2em !important;
120          margin-left: 8px !important;
121        }
122        .b-tl{
123          font-size: 1em !important;
124        }
125        .desc{
126          font-size: .9em !important;
127        }
128        .b-tl{
129          font-size: .9em !important; 
130        }
131      }
132      
133    
134.btn-link-premium{
135  background: linear-gradient(to right,#ff7826,#ffcd03);
136  color: white !important;
137  border-bottom-left-radius: 0px;
138  border-bottom-right-radius: 0px;
139  border: none;
140}
141.btn-link-elite{
142  background: linear-gradient(to right,#ec008c,#ff5a2d);
143  color: white !important;
144  border-bottom-left-radius: 0px;
145  border-bottom-right-radius: 0px;
146  border: none;
147}
148#navbar_upgrade_btn{
149  display: none;
150}
151.border-gradient {
152    width: 100%;
153    background: 
154     linear-gradient(#fff,#fff) padding-box, linear-gradient(to right,#469ef3,#4edfbe) border-box;
155    color: #313149;
156    border: 4px solid transparent !important;
157    border-radius:.5rem;
158    display:inline-block;
159}
160.border-gradient-premium {
161    width: 100%;
162    background: 
163     linear-gradient(#fff,#fff) padding-box, linear-gradient(to right,#ff7826,#ffcd03) border-box;
164    color: #313149;
165    border: 4px solid transparent !important;
166    border-radius:.5rem;
167    display:inline-block;
168}
169.border-gradient-elite {
170    width: 100%;
171    background: 
172     linear-gradient(#fff,#fff) padding-box, linear-gradient(to right,#ec008c,#ff5a2d) border-box;
173    color: #313149;
174    border: 4px solid transparent !important;
175    border-radius:.5rem;
176    display:inline-block;
177}
178
179
180
181.btn-upgrade {
182  
183    transition: all ease 0.2s;
184    border: none;
185    background: linear-gradient(to right,#469ef3,#4edfbe);
186    /*background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728); /*gold*/
187    background-size:150%;
188    background-position: 0 0;
189    -webkit-appearance: none !important;
190    color: #fff;
191    text-decoration:none
192}
193.btn-upgrade:hover {
194  background-position: 100% 0;
195  color:#fff;
196}
197.btn-upgrade-premium {
198  
199    transition: all ease 0.2s;
200    border: none;
201    background: linear-gradient(to right,#ff7826,#ffcd03);
202    /*background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728); /*gold*/
203    background-size:150%;
204    background-position: 0 0;
205    -webkit-appearance: none !important;
206    color: #fff;
207    text-decoration:none
208}
209.btn-upgrade-premium:hover {
210  background-position: 100% 0;
211  color:#fff;
212}
213.btn-upgrade-elite {
214  
215    transition: all ease 0.2s;
216    border: none;
217    background: linear-gradient(to right,#ec008c,#ff5a2d);
218    /*background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728); /*gold*/
219    background-size:150%;
220    background-position: 0 0;
221    -webkit-appearance: none !important;
222    color: #fff;
223    text-decoration:none
224}
225.btn-upgrade-elite:hover {
226  background-position: 100% 0;
227  color:#fff;
228}
229
230
231.card-header{
232  padding: 0px;
233  min-height: 0px;
234}
235.list-group-item{
236  border: none;
237  padding: .25rem 1.5rem;
238}
239.modal-backdrop{
240  width: 100%;
241  height: 100%;
242}
243.container-fluid > div > .form-inline {
244  opacity: 0;
245  pointer-events: none;
246}
247
248body{
249  background-color: #fff;
250}
251
252.btn-webceph-0 {
253    color: #00AFD2;
254    background-color: #D5F4FC;
255    border-color: #D5F4FC;
256}
257.btn-webceph-0:hover {
258    color: #00a1cc;
259    background-color: #b8e8f4;
260    border-color: #b8e8f4;
261}
262.btn-webceph-0.disabled, .btn-webceph-0:disabled {
263    color: #fff;
264    background-color: #007bff;
265    border-color: #007bff;
266}
267
268.btn-webceph-1 {
269    color: #12263f;
270    background-color: #8edaf7;
271    border-color: #8edaf7;
272}
273.btn-webceph-1:hover {
274    color: #12263f;
275    background-color: #5ab8e2;
276    border-color: #5ab8e2;
277}
278.btn-webceph-1.disabled, .btn-webceph-1:disabled {
279    color: #12263f;
280    background-color: #b0ecff;
281    border-color: #b0ecff;
282}
283
284.btn-webceph-2 {
285    color: #3b506c;
286    background-color: #fff;
287    border-color: #3b506c;
288}
289.btn-webceph-2:hover {
290    color: #3b506c;
291    background-color: #edf2f9;
292    border-color: #3b506c;
293}
294.btn-webceph-2.active, .btn-webceph-2:active {
295    color: #fff;
296    background-color: #91a5c9;
297    border-color: #91a5c9;
298}
299.btn-webceph-2.disabled, .btn-webceph-2:disabled {
300    color: #6e84a3;
301    background-color: #fff;
302    border-color: #3b506c;
303}
304
305.btn-webceph-3 {
306    color: #fff;
307    background-color: #ff868e;
308    border-color: #ff868e;
309}
310.btn-webceph-3:hover {
311    color: #fff;
312    background-color: #ed5d6b;
313    border-color: #ed5d6b;
314}
315.btn-webceph-3.disabled, .btn-webceph-3:disabled {
316    color: #fff;
317    background-color: #ffa6b1;
318    border-color: #ffa6b1;
319}
320
321.btn-webceph-4 {
322    color: #fff;
323    background-color: #6e84a3;
324    border-color: #6e84a3;
325}
326.btn-webceph-4:hover {
327    color: #fff;
328    background-color: #4d6a8c;
329    border-color: #4d6a8c;
330}
331.btn-webceph-4.disabled, .btn-webceph-4:disabled {
332    color: #fff;
333    background-color: #809ebf;
334    border-color: #809ebf;
335}
336
337.btn-webceph-5 {
338    color: #fff;
339    background-color: #3b506c;
340    border-color: #3b506c;
341}
342.btn-webceph-5:hover {
343    color: #fff;
344    background-color: #253c56;
345    border-color: #253c56;
346}
347.btn-webceph-5.disabled, .btn-webceph-5:disabled {
348    color: #fff;
349    background-color: #546987;
350    border-color: #546987;
351}
352
353.btn-webceph-6 {
354
355    background-color: #fff;
356    background-clip: border-box;
357    border: 1px solid #edf2f9;
358    border-radius: .5rem;
359}
360.btn-webceph-6:hover {
361    /*color: #fff;*/
362    background-color: #f2f2f2;
363    border-color: #edf2f9;
364}
365.btn-webceph-6.disabled, .btn-webceph-6:disabled {
366    color: #fff;
367    background-color: #007bff;
368    border-color: #007bff;
369}
370.btn-webceph-7 {
371    color: #3b506c;
372    background-color: #fff;
373    border-color: #91a5c9;
374}
375.btn-webceph-7:hover {
376    color: #3b506c;
377    background-color: #f2f2f2;
378    border-color: #91a5c9;
379}
380.btn-webceph-7.active, .btn-webceph-7:active {
381    color: #fff;
382    background-color: #91a5c9;
383    border-color: #91a5c9;
384}
385.btn-webceph-7.disabled, .btn-webceph-7:disabled {
386    color: #6e84a3;
387    background-color: #fff;
388    border-color: #3b506c;
389}
390
391.row{
392  margin-left: 0px;
393  margin-right: 0px;
394}
395
396.card{
397  border: 0px;
398}
399
400.main-container {
401   min-height:100%;
402   position:relative;
403/*      background: 
404    linear-gradient(rgba(142, 218, 247, 0.6), rgba(255, 134, 142, 0.6));
405*/         
406}
407/*share button*/
408
409
410
411.float{
412  position:fixed;
413  width:100px;
414  height:50px;
415  bottom:25px;
416  right:30px;
417  /*background-color:#152e4d;*/
418  color:#FFF;
419  border-radius:50px;
420  text-align:center;
421  box-shadow: 2px 2px 3px #999;
422  z-index:9999;
423  animation: bot-to-top 2s ease-out;
424}
425
426ul.share-buttons{
427  position:fixed;
428  right:30px;
429  padding-bottom:10px;
430  bottom:55px;
431  z-index:9998;
432}
433
434ul.share-buttons li{
435  list-style:none;
436  margin-bottom:10px;
437}
438
439ul.share-buttons li a{
440  /*background-color:#F33;*/
441  color:#FFF;
442  border-radius:50px;
443  text-align:center;
444  box-shadow: 2px 2px 3px #999;
445  width:50px;
446  height:50px;
447  display:block;
448}
449
450ul.share-buttons:hover{
451  visibility:visible!important;
452  opacity:1!important;
453}
454
455
456.my-float{
457  font-size:25px;
458  margin-top:12px;
459}
460
461a#menu-share + ul{
462  visibility: hidden;
463}
464
465a#menu-share:hover{
466  color: white;
467}
468
469a#menu-share:hover + ul{
470  visibility: visible;
471  animation: scale-in 0.5s;
472}
473
474a#menu-share i{
475  animation: rotate-in 0.5s;
476}
477
478a#menu-share:hover > i{
479  animation: rotate-out 0.5s;
480}
481
482
483
484@media (max-width: 767px) { 
485  .mobile-text{
486    font-size: 33px !important;
487  }  
488  .pd-mobile{
489    padding-left:6px !important;
490    padding-right:6px !important;
491  }
492  .float{
493    display:none;
494    position:fixed;
495    width:100px;
496    height:50px;
497    bottom:65px;
498    right:30px;
499    /*background-color:#152e4d;*/
500    color:#FFF;
501    border-radius:50px;
502    text-align:center;
503    box-shadow: 2px 2px 3px #999;
504    z-index:1001;
505    animation: bot-to-top 2s ease-out;
506  }
507  ul.share-buttons{
508    position:fixed;
509    right:30px;
510    padding-bottom:10px;
511    bottom:90px;
512    z-index:9998;
513  }
514
515  .pricing{
516    padding-top: 30px !important;
517    padding-bottom: 10px !important;
518  }
519  .pricing-title{
520    font-size: 30px;
521  }
522  .feature-heading{
523    font-weight: bold;
524    font-size: 1.3rem;
525  }
526  .feature-body{
527    font-size: 1rem;
528  }
529  .wc-pc-only{
530    display: none !important;
531  }
532  .wc-mobile-only{
533    display: block !important;
534  }  
535
536}
537@media (min-width: 1200px){
538  .container {
539    max-width: 1700px;
540  }  
541}
542
543
544@media (min-width: 768px) {
545  .freetier{
546  	margin-top: 58px;
547  }
548  .pricing-description{
549    font-size: 18px;
550  }
551  .row-pricing{
552     width: 80%; 
553     margin-left: auto; 
554     margin-right: auto;
555  }
556  .feature-heading{
557    font-size: 1.5rem;
558    font-weight: bold;
559  }
560
561  .feature-body{
562    font-size: 1.2rem;
563  }
564  .container{
565    /*width: 50%;*/
566  }
567  .wc-pc-only{
568    display: block !important; 
569  }
570  .wc-mobile-only{
571    display: none !important;
572  }   
573}
574
575
576.btn-group-toggle .btn-white:not(:disabled):not(.disabled).active, .btn-group-toggle .btn-white:not(:disabled):not(.disabled):active {
577    background-color: #fff;
578    border: 2px solid #2c7be5;
579    color: #2c7be5;
580}
581
582
583.btn-webceph-3 {
584    color: #fff;
585    background-color: #ff868e;
586    border-color: #ff868e;
587}
588.btn-webceph-3:hover {
589    color: #fff;
590    background-color: #ed5d6b;
591    border-color: #ed5d6b;
592}
593.btn-webceph-3.disabled, .btn-webceph-3:disabled {
594    color: #fff;
595    background-color: #ffa6b1;
596    border-color: #ffa6b1;
597}
598
599.ribbon {
600  position: absolute;
601  left: -5px; top: -5px;
602  z-index: 1;
603  overflow: hidden;
604  width: 75px; height: 75px;
605  text-align: right;
606}
607.ribbon span {
608  font-size: 15px;
609  font-weight: bold;
610  color: #FFF;
611  text-transform: uppercase;
612  text-align: center;
613  line-height: 20px;
614  transform: rotate(-45deg);
615  -webkit-transform: rotate(-45deg);
616  width: 100px;
617  display: block;
618  background: #79A70A;
619  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
620  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
621  position: absolute;
622  top: 19px; left: -21px;
623}
624.ribbon span::before {
625  content: "";
626  position: absolute; left: 0px; top: 100%;
627  z-index: -1;
628  border-left: 3px solid #79A70A;
629  border-right: 3px solid transparent;
630  border-bottom: 3px solid transparent;
631  border-top: 3px solid #79A70A;
632}
633.ribbon span::after {
634  content: "";
635  position: absolute; right: 0px; top: 100%;
636  z-index: -1;
637  border-left: 3px solid transparent;
638  border-right: 3px solid #79A70A;
639  border-bottom: 3px solid transparent;
640  border-top: 3px solid #79A70A;
641}
642
643.ribbon-premium {
644  position: absolute;
645  left: -5px; top: -5px;
646  z-index: 1;
647  overflow: hidden;
648  width: 75px; height: 75px;
649  text-align: right;
650}
651.ribbon-premium span {
652  font-size: 15px;
653  font-weight: bold;
654  color: #FFF;
655  text-transform: uppercase;
656  text-align: center;
657  line-height: 20px;
658  transform: rotate(-45deg);
659  -webkit-transform: rotate(-45deg);
660  width: 100px;
661  display: block;
662  background: #79A70A;
663  background: linear-gradient(#ff7826 0%, #ffcd03 100%);
664  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
665  position: absolute;
666  top: 19px; left: -21px;
667}
668.ribbon-premium span::before {
669  content: "";
670  position: absolute; left: 0px; top: 100%;
671  z-index: -1;
672  border-left: 3px solid #ffcd03;
673  border-right: 3px solid transparent;
674  border-bottom: 3px solid transparent;
675  border-top: 3px solid #ffcd03;
676}
677.ribbon-premium span::after {
678  content: "";
679  position: absolute; right: 0px; top: 100%;
680  z-index: -1;
681  border-left: 3px solid transparent;
682  border-right: 3px solid #ffcd03;
683  border-bottom: 3px solid transparent;
684  border-top: 3px solid #ffcd03;
685}
686.btn-premium {
687    color: #fff;
688    transition: all ease 0.2s;
689    border: none;
690    background: linear-gradient(to right,#ff7826,#ffcd03);
691    /*background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728); /*gold*/
692    background-size:150%;
693    background-position: 0 0;
694    -webkit-appearance: none !important;
695    text-decoration:none
696}
697.btn-premium:hover {
698  background-position: 100% 0;
699  color:#fff;
700}
701.btn-elite {
702  
703    transition: all ease 0.2s;
704    border: none;
705    background: linear-gradient(to right,#ec008c,#ff5a2d);
706    /*background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728); /*gold*/
707    background-size:150%;
708    background-position: 0 0;
709    -webkit-appearance: none !important;
710    color: #fff;
711    text-decoration:none
712}
713.btn-elite:hover {
714  background-position: 100% 0;
715  color:#333;
716}
717.btn-elite:disabled, .btn-elite.disabled  {
718  color:#fff;
719}
720.btn-elite:disabled:hover, .btn-elite.disabled:hover  {
721  background-position: 0% 0;
722  color:#fff;
723}
724
725.btn-plus {
726  
727    transition: all ease 0.2s;
728    border: none;
729    background: linear-gradient(to right,#39ccb3,#05ffa3);
730    /*background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728); /*gold*/
731    background-size:150%;
732    background-position: 0 0;
733    -webkit-appearance: none !important;
734    color: #333;
735    text-decoration:none
736}
737.btn-plus:hover {
738  background-position: 100% 0;
739  color:#333;
740}
741
742
743.collapsible-link {
744    width: 100%;
745    position: relative;
746    text-align: left;
747}
748
749.collapsible-link::before {
750    content: '\f107';
751    position: absolute;
752    top: 50%;
753    right: 0.8rem;
754    transform: translateY(-50%);
755    display: block;
756    font-family: 'FontAwesome';
757    font-size: 1.1rem;
758}
759
760.collapsible-link[aria-expanded='true']::before {
761    content: '\f106';
762}
763
764    </style>
765
766    <!-- 
766<script> -->
767    
768    <!-- </script>
768 -->
769    
770<!-- Bootstrap core JavaScript
771    ================================================== -->
772    <!-- Placed at the end of the document so the pages load faster -->
773    
774<!--   
774<script type='text/javascript' src='https://public-assets.webceph.com/static/js/jquery-2.0.3.min.js'></script>
774
775  
775<script type='text/javascript' src='https://public-assets.webceph.com/static/js/jquery-ui.min.js'></script>
775
776  
776<script src='https://public-assets.webceph.com/static/js/bootstrap.min.js'></script>
776
777 -->
778  
779
780
781    <!-- Libs JS -->
782  
782<script src='https://public-assets.webceph.com/static/assets/libs/jquery/dist/jquery.min.js'></script>
782
783
784
785  <!-- 
785<script src='https://public-assets.webceph.com/static/js/jquery-3.3.1.min.js'></script>
785 -->
786  <link rel="stylesheet" href='https://public-assets.webceph.com/static/js/jquery-ui.css'>  
787  
787<script src='https://public-assets.webceph.com/static/js/jquery-ui.js'></script>
787
788
789
790
791  
791<script src='https://public-assets.webceph.com/static/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js'></script>
791
792  
792<script src='https://public-assets.webceph.com/static/assets/libs/%40shopify/draggable/lib/es5/draggable.bundle.legacy.js'></script>
792
793  
793<script src='https://public-assets.webceph.com/static/assets/libs/autosize/dist/autosize.min.js'></script>
793
794  
794<script src='https://public-assets.webceph.com/static/assets/libs/chart.js/dist/Chart.min.js'></script>
794
795  
795<script src='https://public-assets.webceph.com/static/assets/libs/dropzone/dist/min/dropzone.min.js'></script>
795
796  
796<script src='https://public-assets.webceph.com/static/assets/libs/flatpickr/dist/flatpickr.min.js'></script>
796
797  
797<script src='https://public-assets.webceph.com/static/assets/libs/highlightjs/highlight.pack.min.js'></script>
797
798  
798<script src='https://public-assets.webceph.com/static/assets/libs/jquery-mask-plugin/dist/jquery.mask.min.js'></script>
798
799  
799<script src='https://public-assets.webceph.com/static/assets/libs/list.js/dist/list.min.js'></script>
799
800  
800<script src='https://public-assets.webceph.com/static/assets/libs/quill/dist/quill.min.js'></script>
800
801  
801<script src='https://public-assets.webceph.com/static/assets/libs/select2/dist/js/select2.min.js'></script>
801
802  <!-- 
802<script src='https://public-assets.webceph.com/static/assets/libs/chart.js/Chart.extension.min.js'></script>
802 -->
803
804  <!-- Map -->
805
806  <!-- Theme JS -->
807  <!-- 
807<script src='https://public-assets.webceph.com/static/assets/js/theme.min.js'></script>
807 -->
808
809
810
811
812  <!--third party JS -->
813  <!-- 
813<script src='https://public-assets.webceph.com/static/js/zoomple.js'></script>
813 -->
814  <!-- 
814<script src='https://public-assets.webceph.com/static/js/wheelzoom.js'></script>
814 -->
815  
815<script src='https://public-assets.webceph.com/static/js/exif_modified9.js'></script>
815
816  
816<script src='https://public-assets.webceph.com/static/js/d3.min.js'></script>
816
817  
817<script src='https://public-assets.webceph.com/static/js/raphael-min.js'></script>
817
818  
818<script src='https://public-assets.webceph.com/static/js/stringformat-1.09.min.js'></script>
818
819  
819<script src='https://public-assets.webceph.com/static/js/bootbox.min.js'></script>
819  
820  <!-- 
820<script src='https://public-assets.webceph.com/static/js/FileSaver.min.js'></script>
820 -->
821  
822
823
824
825
826
827
828  </head>
829
830  <body>
831  
832
833
834   <style>
835    
836    .navbar-brand > img{
837      max-height: none;
838    }
839    /* re-design */
840    #language_select.dropdown-toggle::after {         
841        content: none;
842    }
843    @media (min-width: 768px) {
844        #home_nav_top_account{
845          position: absolute;
846          right: 15px;
847          top: 15px;
848        }
849        .navtop-wrapper{
850          height: 67px;
851          /*border-bottom: 1px solid #e3ebf6;*/
852          box-shadow: rgba(0, 0, 0, 0.1) 5.09483px -4px 16.9828px;
853          position: fixed;
854          top: 0px;
855          width: 100%;
856          z-index: 300;
857          background-color: #fff;
858        }
859        #language_dropdown_sm{
860        display: none;
861        }
862        .navbar-brand{
863        padding-top: 0px;
864        }    
865        .wc-sm{
866        display: none;
867        }
868        .navbar-collapse {
869            display: flex !important;
870            flex-grow: 1 !important;
871            align-items: center;
872        }
873
874
875        .navbar-brand {
876            margin: 0px !important;
877            display: inline-block;
878            /*padding-top: .3125rem;*/
879            padding-bottom: 0px;
880            /*margin-right: 1rem;*/
881            font-size: 1.25rem;
882            line-height: inherit;
883            white-space: nowrap;
884        }
885        a.btn-auth {
886         
887          line-height: 18px;
888
889        }
890            
891
892
893    }
894
895
896    @media (max-width: 767px) {
897        #home_nav_top_account{
898          position: absolute;
899          right: 20px;
900          top: 7px;
901        }
902
903        #home_nav_top{
904          margin-left: 0px !important;
905          margin-right: 0px !important;
906          width: 100% !important;
907          max-width: 100% !important;
908          box-shadow: rgba(0, 0, 0, 0.1) 5.09483px -4px 16.9828px !important;
909        }
910        .navbar-brand{
911          padding-bottom: 0px;
912        }
913        #navbar_brand_img{
914          display: none;
915        }
916        .navtop-wrapper{
917          height: 50px;
918          /*border-bottom: 1px solid #e3ebf6;*/
919          box-shadow: rgba(0, 0, 0, 0.1) 5.09483px -4px 16.9828px;
920          position: fixed;
921          top: 0px;
922          width: 100%;
923          z-index: 300;
924        }
925        .language-scroll{
926          height: 450px; 
927          overflow-y: scroll;
928        }
929        .login_register{
930          padding-left: 5%; 
931          padding-right: 5%;
932        }
933        #language_dropdown_lg{
934        display: none;
935        }
936
937        #language_dropdown_sm{
938        display: block;
939        margin-left: 0px !important;
940        }
941
942        .dropdown-item {         
943            color: #12263f;         
944        }
945        .dropdown-item:hover {         
946            color: #3b506c;         
947        }
948        .dropdown-toggle::after {         
949            /*content: none;*/
950        }
951
952        .navbar-brand {
953/*              position: absolute;
954              display: flex  !important;
955              justify-content: center;*/
956        }
957        .navbar-collapse{
958          padding-left: 0px !important;
959        }
960        .navbar-collapse::before {
961            border-top-width: 0px;
962            /*border-top-style: none;*/
963        }
964
965        a.btn-auth {
966        
967        color: #12263f;
968        background-color: #fff !important;
969        border-color: #ccc !important;
970
971        }
972
973        .navbar-custom {
974   
975/*            box-shadow: rgba(0, 0, 0, 0.1) 5.09483px -4px 16.9828px;*/
976        }
977
978    }
979
980    .navbar-custom {
981        padding-right: 15px;
982        padding-left: 15px;
983        margin-right: auto;
984        margin-left: auto;
985        background-color: #fff;
986        border-width: 0px;
987    }
988
989
990    a.btn-auth {
991
992    color: #12263f;
993    background-color: #fff !important;
994    border-color: #fff;
995
996    }
997    a.btn-auth:hover {
998
999    /*color: #ff868e;*/
1000    color: #8705ff;
1001    background-color: #fff !important;
1002    border-color: #fff;
1003
1004    }
1005
1006    select#inlineFormCustomSelect{
1007        padding-left: 10px;
1008        padding-right: 10px;
1009        background: none;
1010
1011    }
1012
1013    .dot {
1014      height: 15px;
1015      width: 15px;
1016      border-radius: 50%;
1017      background-size: 100% 100%;
1018      border-radius: 50%;
1019      display: inline-block;
1020    }
1021    ul.nav li a, ul.nav li a:visited {
1022        color: #12263f !important;
1023    }
1024    ul.nav li a:hover, ul.nav li a:active {
1025        /*color:  #8edafc !important;*/
1026        color: #2a31ff !important;
1027    }
1028
1029
1030
1031    /* re-design */
1032
1033
1034
1035    #language-toggler.navbar-toggler.collapsed{
1036      display: block;
1037    }
1038    #language-toggler.navbar-toggler{
1039      /*display: none;*/
1040    }
1041
1042
1043    .selected{
1044      color: black;
1045    }
1046/*
1047    @media (max-width: 981px) { 
1048      #language_dropdown_lg{
1049        display: none;
1050      }
1051
1052      #language_dropdown_sm{
1053        display: block;
1054        margin-left: 0px !important;
1055      }
1056    }
1057
1058    @media (min-width: 982px) {
1059      #language_dropdown_sm{
1060        display: none;
1061      }
1062      .navbar-brand{
1063        padding-top: 0px;
1064      }    
1065      .wc-sm{
1066        display: none;
1067      }
1068    }
1069*/
1070    
1071    </style>
1072
1073
1074    <div class="navtop-wrapper">
1075
1076    <nav class="navbar navbar-custom fixed-top navbar-expand-md container" id="home_nav_top">      
1077      <!-- <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
1078        <span class="sr-only">Toggle navigation</span>
1079        <span class="navbar-toggler-icon"></span>        
1080      </button> -->       
1081      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target=".navbar-collapse" style="position: fixed; left: 15px; top: 12px;padding:4px 12px 4px 12px !important;">
1082        ☰
1083      </button>  
1084      
1085      <a class="navbar-brand mx-auto" href="/en/dashboard/">
1086        <img src='https://public-assets.webceph.com/static/img/WebCeph_72x72.png' id="navbar_brand_img" class="" alt="WEBCEPH" style="width: 32px; height: 32px; margin-top: 0px; margin-right: 3px;">
1087        <img src="https://public-assets.webceph.com/static/img/LOGO_30.png" style="height: 15px;">
1088      </a>   
1089
1090
1091
1092          
1093
1094   
1095
1096      <div id="navbar" class="navbar-collapse collapse ml-3">        
1097        
1098        <ul class="nav navbar-nav"> 
1099<!--           
1100            
1101              <li class="nav-item">
1102                <a class="nav-link" href="/en/" style="font-size: 14px;">HOME</a>
1103              </li>
1104            
1105            
1106           -->
1107          <li class="nav-item">
1108            <a class="nav-link" href="/en/guide/" style="font-size: 14px; margin-left: 5px; margin-right: 5px;">GUIDE</a>
1109          </li>
1110          
1111          <li class="nav-item pricing_button">
1112            <a class="nav-link" href="/en/pricing/" style="font-size: 14px; margin-left: 5px; margin-right: 5px;">PRICING</a>
1113          </li>
1114          
1115          <li class="nav-item">
1116            <a class="nav-link" href="/en/about/" style="font-size: 14px; margin-left: 5px; margin-right: 5px;">ABOUT</a>
1117          </li>
1118         <!--  <li class="nav-item">
1119            <a class="nav-link" href="/en/forum/" style="font-size: 14px; margin-left: 5px; margin-right: 5px;">FORUM</a>
1120          </li> -->
1121<!--           
1122 -->
1123
1124
1125        </ul>   
1126
1127
1128      </div>     
1129
1130
1131      
1132
1133        <div class="navbar-collapse collapse" style="padding-right: 36px;">
1134
1135          <ul class="nav navbar-nav ml-auto login_register" style="">
1136<!-- 
1137
1138           -->
1139
1140<!--             <form action="/i18n/setlang/" method="post" style="margin-right: 5px; margin-left: 5px;"><input type="hidden" name="csrfmiddlewaretoken" value="Hbaf2LCSLHIqNXUJoC8BPJNly2v4LDUBVauDg3g6fjEnZfeZGgvnREHNHobKAMG7">
1141                <div class="form-row align-items-center">
1142                  <div class="col-auto my-1">
1143                <input name="next" type="hidden" value="">
1144                <select  class="custom-select" id="inlineFormCustomSelect" name="language" onchange="this.form.submit();" style="border: 1px solid black;">
1145                    
1146                    
1147                    
1148                    
1149                        <option value="en" selected>
1150                            <span class="flag-icon flag-icon-us"> </span>  English
1151
1152                        </option>
1153                    
1154                        <option value="ko">
1155                            <span class="flag-icon flag-icon-kr"> </span>  한국어
1156
1157                        </option>
1158                    
1159                        <option value="ja">
1160                            <span class="flag-icon "> </span>  日本語
1161
1162                        </option>
1163                    
1164                        <option value="es">
1165                            <span class="flag-icon "> </span>  español
1166
1167                        </option>
1168                    
1169                        <option value="it">
1170                            <span class="flag-icon "> </span>  italiano
1171
1172                        </option>
1173                    
1174                        <option value="vi">
1175                            <span class="flag-icon "> </span>  Tiếng Việt
1176
1177                        </option>
1178                    
1179                        <option value="pl">
1180                            <span class="flag-icon "> </span>  polski
1181
1182                        </option>
1183                    
1184                        <option value="fr">
1185                            <span class="flag-icon "> </span>  français
1186
1187                        </option>
1188                    
1189                        <option value="pt-br">
1190                            <span class="flag-icon "> </span>  Português Brasileiro
1191
1192                        </option>
1193                    
1194                        <option value="pt">
1195                            <span class="flag-icon "> </span>  Português
1196
1197                        </option>
1198                    
1199                        <option value="id">
1200                            <span class="flag-icon "> </span>  Bahasa Indonesia
1201
1202                        </option>
1203                    
1204                        <option value="ms">
1205                            <span class="flag-icon "> </span>  Bahasa Melayu
1206
1207                        </option>
1208                    
1209                        <option value="mk">
1210                            <span class="flag-icon "> </span>  Македонски
1211
1212                        </option>
1213                    
1214                        <option value="ar">
1215                            <span class="flag-icon "> </span>  العربيّة
1216
1217                        </option>
1218                    
1219                        <option value="hi">
1220                            <span class="flag-icon "> </span>  हिंदी
1221
1222                        </option>
1223                    
1224                        <option value="ru">
1225                            <span class="flag-icon "> </span>  Русский
1226
1227                        </option>
1228                    
1229                        <option value="bn">
1230                            <span class="flag-icon "> </span>  বাংলা
1231
1232                        </option>
1233                    
1234                        <option value="nl">
1235                            <span class="flag-icon "> </span>  Nederlands
1236
1237                        </option>
1238                    
1239                        <option value="tr">
1240                            <span class="flag-icon "> </span>  Türkçe
1241
1242                        </option>
1243                    
1244                        <option value="de">
1245                            <span class="flag-icon "> </span>  Deutsch
1246
1247                        </option>
1248                    
1249                        <option value="bg">
1250                            <span class="flag-icon "> </span>  български
1251
1252                        </option>
1253                    
1254                        <option value="zh-hans">
1255                            <span class="flag-icon "> </span>  简体中文
1256
1257                        </option>
1258                    
1259                </select>
1260              </div>
1261            </div>
1262            </form> -->
1263<!-- 
1264            <form action="/i18n/setlang/" method="post" id="language_dropdown_lg" style="margin-right: 5px; margin-left: 5px;"><input type="hidden" name="csrfmiddlewaretoken" value="Hbaf2LCSLHIqNXUJoC8BPJNly2v4LDUBVauDg3g6fjEnZfeZGgvnREHNHobKAMG7">
1265                <div class="form-row align-items-center">
1266                  <div class="col-auto my-1">
1267                <input name="next" type="hidden" value="">
1268                <select  class="custom-select" id="inlineFormCustomSelect" name="language" onchange="this.form.submit();" style="border: 1px solid #fff;">
1269                    
1270                    
1271                    
1272                    
1273                     
1274                          <option value="en"  selected>
1275                             🇺🇸  English
1276
1277                        </option>
1278
1279                        
1280                    
1281                     
1282                          <option value="ko" >
1283                             🇰🇷  한국어
1284
1285                        </option>
1286
1287                        
1288                    
1289                     
1290                          <option value="ja" >
1291                             日本語
1292
1293                        </option>
1294
1295                        
1296                    
1297                     
1298                          <option value="es" >
1299                             español
1300
1301                        </option>
1302
1303                        
1304                    
1305                     
1306                          <option value="it" >
1307                             italiano
1308
1309                        </option>
1310
1311                        
1312                    
1313                     
1314                          <option value="vi" >
1315                             Tiếng Việt
1316
1317                        </option>
1318
1319                        
1320                    
1321                     
1322                          <option value="pl" >
1323                             polski
1324
1325                        </option>
1326
1327                        
1328                    
1329                     
1330                          <option value="fr" >
1331                             français
1332
1333                        </option>
1334
1335                        
1336                    
1337                     
1338                          <option value="pt-br" >
1339                             Português Brasileiro
1340
1341                        </option>
1342
1343                        
1344                    
1345                     
1346                          <option value="pt" >
1347                             Português
1348
1349                        </option>
1350
1351                        
1352                    
1353                     
1354                          <option value="id" >
1355                             Bahasa Indonesia
1356
1357                        </option>
1358
1359                        
1360                    
1361                     
1362                          <option value="ms" >
1363                             Bahasa Melayu
1364
1365                        </option>
1366
1367                        
1368                    
1369                     
1370                          <option value="mk" >
1371                             Македонски
1372
1373                        </option>
1374
1375                        
1376                    
1377                     
1378                          <option value="ar" >
1379                             العربيّة
1380
1381                        </option>
1382
1383                        
1384                    
1385                     
1386                          <option value="hi" >
1387                             हिंदी
1388
1389                        </option>
1390
1391                        
1392                    
1393                     
1394                          <option value="ru" >
1395                             Русский
1396
1397                        </option>
1398
1399                        
1400                    
1401                     
1402                          <option value="bn" >
1403                             বাংলা
1404
1405                        </option>
1406
1407                        
1408                    
1409                     
1410                          <option value="nl" >
1411                             Nederlands
1412
1413                        </option>
1414
1415                        
1416                    
1417                     
1418                          <option value="tr" >
1419                             Türkçe
1420
1421                        </option>
1422
1423                        
1424                    
1425                     
1426                          <option value="de" >
1427                             Deutsch
1428
1429                        </option>
1430
1431                        
1432                    
1433                     
1434                          <option value="bg" >
1435                             български
1436
1437                        </option>
1438
1439                        
1440                    
1441                     
1442                          <option value="zh-hans" >
1443                             🇨🇳  简体中文
1444
1445                        </option>
1446
1447                        
1448                    
1449                </select>
1450              </div>
1451            </div>
1452            </form>
1453
1454 -->
1455
1456<!-- 
1457
1458            <form action="/i18n/setlang/" method="post" id="language_dropdown_lg" style="margin-right: 5px; margin-left: 5px;"><input type="hidden" name="csrfmiddlewaretoken" value="Hbaf2LCSLHIqNXUJoC8BPJNly2v4LDUBVauDg3g6fjEnZfeZGgvnREHNHobKAMG7">
1459                <div class="form-row align-items-center">
1460                  <div class="col-auto my-1">
1461                <input name="next" type="hidden" value="">
1462                <input name="language" type="hidden" value=""> 
1463              
1464              
1465              
1466
1467
1468              <li class="nav-item dropdown" id="language_dropdown_lg" style="border: 1px solid #fff; border-radius: 0.25rem; height: 38.2333px;">
1469                  <a class="nav-link dropdown-toggle" href="" id="language_select" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  style="font-size: .9375rem;">
1470                    
1471                      <span class="flag-icon flag-icon-us dot"> </span>&nbsp;  English
1472                    
1473
1474
1475
1476                  </a>
1477                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="language_select">
1478                    
1479                      <a  href="" class="dropdown-item language-select" val="en"><span class="dot flag-icon flag-icon-us"> </span>&nbsp;  English</a>
1480                    
1481                      <a  href="" class="dropdown-item language-select" val="ko"><span class="dot flag-icon flag-icon-kr"> </span>&nbsp;  한국어</a>
1482                    
1483                      <a  href="" class="dropdown-item language-select" val="ja"><span class="dot flag-icon "> </span>&nbsp;  日本語</a>
1484                    
1485                      <a  href="" class="dropdown-item language-select" val="es"><span class="dot flag-icon flag-icon-es"> </span>&nbsp;  español</a>
1486                    
1487                      <a  href="" class="dropdown-item language-select" val="it"><span class="dot flag-icon "> </span>&nbsp;  italiano</a>
1488                    
1489                      <a  href="" class="dropdown-item language-select" val="vi"><span class="dot flag-icon "> </span>&nbsp;  Tiếng Việt</a>
1490                    
1491                      <a  href="" class="dropdown-item language-select" val="pl"><span class="dot flag-icon "> </span>&nbsp;  polski</a>
1492                    
1493                      <a  href="" class="dropdown-item language-select" val="fr"><span class="dot flag-icon "> </span>&nbsp;  français</a>
1494                    
1495                      <a  href="" class="dropdown-item language-select" val="pt-br"><span class="dot flag-icon flag-icon-br"> </span>&nbsp;  Português Brasileiro</a>
1496                    
1497                      <a  href="" class="dropdown-item language-select" val="pt"><span class="dot flag-icon flag-icon-pt"> </span>&nbsp;  Português</a>
1498                    
1499                      <a  href="" class="dropdown-item language-select" val="id"><span class="dot flag-icon "> </span>&nbsp;  Bahasa Indonesia</a>
1500                    
1501                      <a  href="" class="dropdown-item language-select" val="ms"><span class="dot flag-icon "> </span>&nbsp;  Bahasa Melayu</a>
1502                    
1503                      <a  href="" class="dropdown-item language-select" val="mk"><span class="dot flag-icon "> </span>&nbsp;  Македонски</a>
1504                    
1505                      <a  href="" class="dropdown-item language-select" val="ar"><span class="dot flag-icon "> </span>&nbsp;  العربيّة</a>
1506                    
1507                      <a  href="" class="dropdown-item language-select" val="hi"><span class="dot flag-icon "> </span>&nbsp;  हिंदी</a>
1508                    
1509                      <a  href="" class="dropdown-item language-select" val="ru"><span class="dot flag-icon "> </span>&nbsp;  Русский</a>
1510                    
1511                      <a  href="" class="dropdown-item language-select" val="bn"><span class="dot flag-icon "> </span>&nbsp;  বাংলা</a>
1512                    
1513                      <a  href="" class="dropdown-item language-select" val="nl"><span class="dot flag-icon "> </span>&nbsp;  Nederlands</a>
1514                    
1515                      <a  href="" class="dropdown-item language-select" val="tr"><span class="dot flag-icon "> </span>&nbsp;  Türkçe</a>
1516                    
1517                      <a  href="" class="dropdown-item language-select" val="de"><span class="dot flag-icon "> </span>&nbsp;  Deutsch</a>
1518                    
1519                      <a  href="" class="dropdown-item language-select" val="bg"><span class="dot flag-icon "> </span>&nbsp;  български</a>
1520                    
1521                      <a  href="" class="dropdown-item language-select" val="zh-hans"><span class="dot flag-icon flag-icon-cn"> </span>&nbsp;  简体中文</a>
1522                                    
1523                  </div>
1524              </li>      
1525              </div>
1526            </div>
1527            </form> -->
1528
1529
1530    <form action="/i18n/setlang/" method="post" id="language_dropdown_lg" style="margin-right: 15px; margin-left: 5px;"><input type="hidden" name="csrfmiddlewaretoken" value="Hbaf2LCSLHIqNXUJoC8BPJNly2v4LDUBVauDg3g6fjEnZfeZGgvnREHNHobKAMG7">
1531       
1532        <input name="next" type="hidden" value="">
1533        <input name="language" type="hidden" value=""> 
1534      
1535      
1536      
1537
1538
1539      <li class="nav-item dropdown" id="language_dropdown_lg" style="border: 1px solid #fff; border-radius: 0.25rem; height: 38.2333px;">
1540          <a class="nav-link dropdown-toggle" href="" id="language_select" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  style="font-size: .9375rem; padding-top: 9px;">
1541            
1542              <span class="flag-icon flag-icon-us dot"> </span>
1543            
1544
1545
1546
1547          </a>
1548          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="language_select">
1549            
1550              <a  href="" class="dropdown-item language-select" val="en"><span class="dot flag-icon flag-icon-us"> </span>&nbsp;  English</a>
1551            
1552              <a  href="" class="dropdown-item language-select" val="ko"><span class="dot flag-icon flag-icon-kr"> </span>&nbsp;  한국어</a>
1553            
1554              <a  href="" class="dropdown-item language-select" val="ja"><span class="dot flag-icon flag-icon-jp"> </span>&nbsp;  日本語</a>
1555            
1556              <a  href="" class="dropdown-item language-select" val="es"><span class="dot flag-icon flag-icon-es"> </span>&nbsp;  español</a>
1557            
1558              <a  href="" class="dropdown-item language-select" val="it"><span class="dot flag-icon flag-icon-it"> </span>&nbsp;  italiano</a>
1559            
1560              <a  href="" class="dropdown-item language-select" val="vi"><span class="dot flag-icon flag-icon-vn"> </span>&nbsp;  Tiếng Việt</a>
1561            
1562              <a  href="" class="dropdown-item language-select" val="pl"><span class="dot flag-icon flag-icon-pl"> </span>&nbsp;  polski</a>
1563            
1564              <a  href="" class="dropdown-item language-select" val="fr"><span class="dot flag-icon flag-icon-fr"> </span>&nbsp;  français</a>
1565            
1566              <a  href="" class="dropdown-item language-select" val="pt-br"><span class="dot flag-icon flag-icon-br"> </span>&nbsp;  Português Brasileiro</a>
1567            
1568              <a  href="" class="dropdown-item language-select" val="pt"><span class="dot flag-icon flag-icon-pt"> </span>&nbsp;  Português</a>
1569            
1570              <a  href="" class="dropdown-item language-select" val="id"><span class="dot flag-icon flag-icon-id"> </span>&nbsp;  Bahasa Indonesia</a>
1571            
1572              <a  href="" class="dropdown-item language-select" val="ms"><span class="dot flag-icon flag-icon-my"> </span>&nbsp;  Bahasa Melayu</a>
1573            
1574              <a  href="" class="dropdown-item language-select" val="mk"><span class="dot flag-icon flag-icon-mk"> </span>&nbsp;  Македонски</a>
1575            
1576              <a  href="" class="dropdown-item language-select" val="ar"><span class="dot flag-icon flag-icon-sa"> </span>&nbsp;  العربيّة</a>
1577            
1578              <a  href="" class="dropdown-item language-select" val="hi"><span class="dot flag-icon flag-icon-in"> </span>&nbsp;  हिंदी</a>
1579            
1580              <a  href="" class="dropdown-item language-select" val="ru"><span class="dot flag-icon flag-icon-ru"> </span>&nbsp;  Русский</a>
1581            
1582              <a  href="" class="dropdown-item language-select" val="bn"><span class="dot flag-icon flag-icon-bd"> </span>&nbsp;  বাংলা</a>
1583            
1584              <a  href="" class="dropdown-item language-select" val="nl"><span class="dot flag-icon flag-icon-nl"> </span>&nbsp;  Nederlands</a>
1585            
1586              <a  href="" class="dropdown-item language-select" val="tr"><span class="dot flag-icon flag-icon-tr"> </span>&nbsp;  Türkçe</a>
1587            
1588              <a  href="" class="dropdown-item language-select" val="de"><span class="dot flag-icon flag-icon-de"> </span>&nbsp;  Deutsch</a>
1589            
1590              <a  href="" class="dropdown-item language-select" val="bg"><span class="dot flag-icon flag-icon-bg"> </span>&nbsp;  български</a>
1591            
1592              <a  href="" class="dropdown-item language-select" val="zh-hans"><span class="dot flag-icon flag-icon-cn"> </span>&nbsp;  简体中文</a>
1593                            
1594          </div>
1595      </li>      
1596    </form>
1597
1598
1599
1600
1601
1602          
1603            <a class='btn btn-auth m-1'href="/en/login/" style="\">Log in</a>            
1604            <a class='btn btn-auth m-1' href="/en/register/" style="">Sign up</a>
1605            
1606          </ul>
1607        </div>
1608
1609
1610
1611
1612        <!-- <div class="wc-sm" style="width: 41px;"></div> -->
1613
1614
1615
1616    </nav>      
1617</div>
1618
1619<!-- 
1620    <div style="position: fixed; z-index: 1050; top: 13px; right: 15px;">
1621          
1622          
1623          
1624
1625          <ul class="" id="language_dropdown_sm" style="list-style: none; margin-bottom: 0px; padding-left: 0px;">
1626            <li class="nav-item dropdown" id="language_dropdown" style="border: 1px solid; border-radius: 0.25rem; height: 31px;">
1627                <a class="nav-link dropdown-toggle" href="" id="language_select" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  style="font-size: 14px; padding-top: 4.5px; padding-bottom: 4.5px; padding-left: 10px; padding-right: 10px; color: black; background-color: transparent !important;">
1628                  
1629                    <span class="flag-icon flag-icon-us"> </span></a>
1630                  
1631
1632
1633                </a>
1634                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="language_select">
1635                  
1636                    <a  href="/en/" class="dropdown-item"><span class="flag-icon flag-icon-us"> </span>  English</a>
1637                  
1638                    <a  href="/ko/" class="dropdown-item"><span class="flag-icon flag-icon-kr"> </span>  한국어</a>
1639                  
1640                    <a  href="/ja/" class="dropdown-item"><span class="flag-icon "> </span>  日本語</a>
1641                  
1642                    <a  href="/es/" class="dropdown-item"><span class="flag-icon "> </span>  español</a>
1643                  
1644                    <a  href="/it/" class="dropdown-item"><span class="flag-icon "> </span>  italiano</a>
1645                  
1646                    <a  href="/vi/" class="dropdown-item"><span class="flag-icon "> </span>  Tiếng Việt</a>
1647                  
1648                    <a  href="/pl/" class="dropdown-item"><span class="flag-icon "> </span>  polski</a>
1649                  
1650                    <a  href="/fr/" class="dropdown-item"><span class="flag-icon "> </span>  français</a>
1651                  
1652                    <a  href="/pt-br/" class="dropdown-item"><span class="flag-icon "> </span>  Português Brasileiro</a>
1653                  
1654                    <a  href="/pt/" class="dropdown-item"><span class="flag-icon "> </span>  Português</a>
1655                  
1656                    <a  href="/id/" class="dropdown-item"><span class="flag-icon "> </span>  Bahasa Indonesia</a>
1657                  
1658                    <a  href="/ms/" class="dropdown-item"><span class="flag-icon "> </span>  Bahasa Melayu</a>
1659                  
1660                    <a  href="/mk/" class="dropdown-item"><span class="flag-icon "> </span>  Македонски</a>
1661                  
1662                    <a  href="/ar/" class="dropdown-item"><span class="flag-icon "> </span>  العربيّة</a>
1663                  
1664                    <a  href="/hi/" class="dropdown-item"><span class="flag-icon "> </span>  हिंदी</a>
1665                  
1666                    <a  href="/ru/" class="dropdown-item"><span class="flag-icon "> </span>  Русский</a>
1667                  
1668                    <a  href="/bn/" class="dropdown-item"><span class="flag-icon "> </span>  বাংলা</a>
1669                  
1670                    <a  href="/nl/" class="dropdown-item"><span class="flag-icon "> </span>  Nederlands</a>
1671                  
1672                    <a  href="/tr/" class="dropdown-item"><span class="flag-icon "> </span>  Türkçe</a>
1673                  
1674                    <a  href="/de/" class="dropdown-item"><span class="flag-icon "> </span>  Deutsch</a>
1675                  
1676                    <a  href="/bg/" class="dropdown-item"><span class="flag-icon "> </span>  български</a>
1677                  
1678                    <a  href="/zh-hans/" class="dropdown-item"><span class="flag-icon "> </span>  简体中文</a>
1679                                  
1680                </div>
1681            </li>          
1682          </ul>
1683        </div>
1684
1685 -->
1686
1687
1688<!-- 
1689    <form action="/i18n/setlang/" method="post" id="language_dropdown_sm" style="position: fixed; z-index: 1050; top: 8px; right: 15px;"><input type="hidden" name="csrfmiddlewaretoken" value="Hbaf2LCSLHIqNXUJoC8BPJNly2v4LDUBVauDg3g6fjEnZfeZGgvnREHNHobKAMG7">
1690        <div class="form-row align-items-center">
1691          <div class="col-auto my-1">
1692        <input name="next" type="hidden" value="">
1693        <select  class="custom-select" id="inlineFormCustomSelect" name="language" onchange="this.form.submit();" style="border: 1px solid #6c757d; height: 32px; padding: 0rem 1.3rem 0rem .35rem;">
1694            
1695            
1696            
1697            
1698             
1699                  <option value="en"  selected>
1700                     🇺🇸&nbsp;  
1701
1702                </option>
1703
1704                
1705            
1706             
1707                  <option value="ko" >
1708                     🇰🇷&nbsp;  
1709
1710                </option>
1711
1712                
1713            
1714             
1715                  <option value="ja" >
1716                     
1717
1718                </option>
1719
1720                
1721            
1722             
1723                  <option value="es" >
1724                     
1725
1726                </option>
1727
1728                
1729            
1730             
1731                  <option value="it" >
1732                     
1733
1734                </option>
1735
1736                
1737            
1738             
1739                  <option value="vi" >
1740                     
1741
1742                </option>
1743
1744                
1745            
1746             
1747                  <option value="pl" >
1748                     
1749
1750                </option>
1751
1752                
1753            
1754             
1755                  <option value="fr" >
1756                     
1757
1758                </option>
1759
1760                
1761            
1762             
1763                  <option value="pt-br" >
1764                     
1765
1766                </option>
1767
1768                
1769            
1770             
1771                  <option value="pt" >
1772                     
1773
1774                </option>
1775
1776                
1777            
1778             
1779                  <option value="id" >
1780                     
1781
1782                </option>
1783
1784                
1785            
1786             
1787                  <option value="ms" >
1788                     
1789
1790                </option>
1791
1792                
1793            
1794             
1795                  <option value="mk" >
1796                     
1797
1798                </option>
1799
1800                
1801            
1802             
1803                  <option value="ar" >
1804                     
1805
1806                </option>
1807
1808                
1809            
1810             
1811                  <option value="hi" >
1812                     
1813
1814                </option>
1815
1816                
1817            
1818             
1819                  <option value="ru" >
1820                     
1821
1822                </option>
1823
1824                
1825            
1826             
1827                  <option value="bn" >
1828                     
1829
1830                </option>
1831
1832                
1833            
1834             
1835                  <option value="nl" >
1836                     
1837
1838                </option>
1839
1840                
1841            
1842             
1843                  <option value="tr" >
1844                     
1845
1846                </option>
1847
1848                
1849            
1850             
1851                  <option value="de" >
1852                     
1853
1854                </option>
1855
1856                
1857            
1858             
1859                  <option value="bg" >
1860                     
1861
1862                </option>
1863
1864                
1865            
1866             
1867                  <option value="zh-hans" >
1868                     🇨🇳&nbsp;  
1869
1870                </option>
1871
1872                
1873            
1874        </select>
1875      </div>
1876    </div>
1877    </form> -->
1878
1879
1880    <form action="/i18n/setlang/" method="post" id="language_dropdown_sm" style="position: fixed; z-index: 1050; top: 5px;right: 15px;"><input type="hidden" name="csrfmiddlewaretoken" value="Hbaf2LCSLHIqNXUJoC8BPJNly2v4LDUBVauDg3g6fjEnZfeZGgvnREHNHobKAMG7">
1881        <div class="form-row align-items-center">
1882          <div class="col-auto my-1">
1883        <input name="next" type="hidden" value="">
1884        <input name="language" type="hidden" value=""> 
1885      
1886      
1887      
1888
1889
1890      <li class="nav-item dropdown" id="language_dropdown_sm" style="border: 1px solid transparent; border-radius: 0.25rem; height: 38.2333px;">
1891          <a class="nav-link dropdown-toggle" href="" id="language_select" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  style="font-size: .9375rem; padding-top: 6px; padding-bottom: 6px;">
1892            
1893              <span class="flag-icon flag-icon-us dot"> </span>&nbsp; 
1894            
1895
1896
1897          </a>
1898          <div class="dropdown-menu language-scroll" aria-labelledby="language_select">
1899            
1900              <a  href="/en/" class="dropdown-item language-select" val="en"><span class="dot flag-icon flag-icon-us"> </span>&nbsp;  English</a>
1901            
1902              <a  href="/ko/" class="dropdown-item language-select" val="ko"><span class="dot flag-icon flag-icon-kr"> </span>&nbsp;  한국어</a>
1903            
1904              <a  href="/ja/" class="dropdown-item language-select" val="ja"><span class="dot flag-icon flag-icon-jp"> </span>&nbsp;  日本語</a>
1905            
1906              <a  href="/es/" class="dropdown-item language-select" val="es"><span class="dot flag-icon flag-icon-es"> </span>&nbsp;  español</a>
1907            
1908              <a  href="/it/" class="dropdown-item language-select" val="it"><span class="dot flag-icon flag-icon-it"> </span>&nbsp;  italiano</a>
1909            
1910              <a  href="/vi/" class="dropdown-item language-select" val="vi"><span class="dot flag-icon flag-icon-vn"> </span>&nbsp;  Tiếng Việt</a>
1911            
1912              <a  href="/pl/" class="dropdown-item language-select" val="pl"><span class="dot flag-icon flag-icon-pl"> </span>&nbsp;  polski</a>
1913            
1914              <a  href="/fr/" class="dropdown-item language-select" val="fr"><span class="dot flag-icon flag-icon-fr"> </span>&nbsp;  français</a>
1915            
1916              <a  href="/pt-br/" class="dropdown-item language-select" val="pt-br"><span class="dot flag-icon flag-icon-br"> </span>&nbsp;  Português Brasileiro</a>
1917            
1918              <a  href="/pt/" class="dropdown-item language-select" val="pt"><span class="dot flag-icon flag-icon-pt"> </span>&nbsp;  Português</a>
1919            
1920              <a  href="/id/" class="dropdown-item language-select" val="id"><span class="dot flag-icon flag-icon-id"> </span>&nbsp;  Bahasa Indonesia</a>
1921            
1922              <a  href="/ms/" class="dropdown-item language-select" val="ms"><span class="dot flag-icon flag-icon-my"> </span>&nbsp;  Bahasa Melayu</a>
1923            
1924              <a  href="/mk/" class="dropdown-item language-select" val="mk"><span class="dot flag-icon flag-icon-mk"> </span>&nbsp;  Македонски</a>
1925            
1926              <a  href="/ar/" class="dropdown-item language-select" val="ar"><span class="dot flag-icon flag-icon-sa"> </span>&nbsp;  العربيّة</a>
1927            
1928              <a  href="/hi/" class="dropdown-item language-select" val="hi"><span class="dot flag-icon flag-icon-in"> </span>&nbsp;  हिंदी</a>
1929            
1930              <a  href="/ru/" class="dropdown-item language-select" val="ru"><span class="dot flag-icon flag-icon-ru"> </span>&nbsp;  Русский</a>
1931            
1932              <a  href="/bn/" class="dropdown-item language-select" val="bn"><span class="dot flag-icon flag-icon-bd"> </span>&nbsp;  বাংলা</a>
1933            
1934              <a  href="/nl/" class="dropdown-item language-select" val="nl"><span class="dot flag-icon flag-icon-nl"> </span>&nbsp;  Nederlands</a>
1935            
1936              <a  href="/tr/" class="dropdown-item language-select" val="tr"><span class="dot flag-icon flag-icon-tr"> </span>&nbsp;  Türkçe</a>
1937            
1938              <a  href="/de/" class="dropdown-item language-select" val="de"><span class="dot flag-icon flag-icon-de"> </span>&nbsp;  Deutsch</a>
1939            
1940              <a  href="/bg/" class="dropdown-item language-select" val="bg"><span class="dot flag-icon flag-icon-bg"> </span>&nbsp;  български</a>
1941            
1942              <a  href="/zh-hans/" class="dropdown-item language-select" val="zh-hans"><span class="dot flag-icon flag-icon-cn"> </span>&nbsp;  简体中文</a>
1943                            
1944          </div>
1945      </li>      
1946      </div>
1947    </div>
1948    </form>
1949
1950<script>
1951 
1952var isIE = /*@cc_on!@*/false || !!document.documentMode;
1953var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
1954var isFirefox = typeof InstallTrigger !== 'undefined';
1955if ((window.innerWidth > 765)&&(window.innerWidth < 1650)&&!isFirefox&&!isIE&&!isOpera){
1956  // console.log(window.innerWidth);
1957  // document.body.style.zoom = "80%";
1958}
1959
1960$('.language-select').click(function(e){
1961  e.preventDefault()
1962  var language = $(this).attr('val');  
1963  
1964  // var form = $(this).parent().parent().parent();
1965  var form = $("#language_dropdown_lg");
1966  form.find('input[name=language]').val(language);
1967  var currentURL = window.location.href;
1968  var nextURL = currentURL.replace(/(\.com|\.net)\/[a-z]{2}\//, `$1/${language}/`);
1969  form.find('input[name=next]').val(nextURL);
1970  form.submit();
1971});
1972
1973document.addEventListener("contextmenu", function(e) {
1974  // e.target.matches("img") && e.preventDefault()
1975  e.preventDefault();
1976})
1977
1978
1979if(window.navigator && navigator.serviceWorker) {
1980  navigator.serviceWorker.getRegistrations()
1981  .then(function(registrations) {
1982    for(let registration of registrations) {
1983      registration.unregister();
1984    }
1985  });
1986}
1987
1988if (navigator.userAgent.toLowerCase().indexOf('webcephclient')!=-1){
1989  $('.pricing_button').css('display', 'none');
1990}
1991
1992$(document).ready(function(){
1993  if (navigator.userAgent.toLowerCase().indexOf('webcephclient')!=-1 && '' == 'Free'){
1994    $('.upgrade_button').css('display','none');
1995  }
1996});
1997
1998
1999</script>
1999
2000
2001
2002
2003  
2004            
2005  
2006
2007
2008  <div class="container-fluid main-container" style="padding-left: 0px; padding-right: 0px; padding-bottom: 0px;">  
2009  
2010
2011
2012<div class="pricing" style="padding-top: 60px; /*padding-bottom: 160px; background-image: radial-gradient(#b8e8f4,#b8e8f4 70%,transparent 70.1%);*/background-color: transparent !important;
2013background-repeat: no-repeat;
2014background-size: 200% 150%;
2015background-position: bottom;">
2016  <div class="container-fluid">
2017    <div class="row justify-content-center">
2018      <div class="col-12">
2019        
2020        <!-- Title -->
2021        <h1 class="pricing-title text-uppercase display-3 text-center upgrade_button">
2022          Pricing
2023        </h1>
2024        
2025        <!-- Text -->
2026        <p class="pricing-description text-center" style="color: #6e84a3;">
2027          <!-- Welcome. Doctors from the world who love something new.<br> -->
2028          <!-- Doctors from the world who love something new.<br> -->
2029          <!-- Make your dental profession be ubiquitous.<br> -->
2030          <!-- WEBCEPH&#x2122; is an innovative orthodontic and orthognathic analysis platform for dentist.<br> -->
2031          <!-- WebCeph&#x2122; is currently in beta, with unlimited free access to all features. <br> -->
2032          <!-- If you haven’t registered yet, feel free to sign up.<br> -->
2033        </p>
2034
2035      </div>
2036    </div> <!-- / .row -->
2037  </div>
2038</div>
2039<div class="container mt-3 mb-4" style="padding: 0px !important;">
2040
2041  <div class="row justify-content-center">
2042    <div class="col-xl-3 pl-3 pr-3" style="">
2043      
2044      <!-- Card -->
2045      <div class="card border-gradient-elite">
2046
2047        <div class="card-body pd-mobile" style="text-align: center;">
2048
2049          <div class="row mb-4">
2050            <div class="col p-0">
2051              <img src="https://public-assets.webceph.com/static/img/WebCeph_72x72.png" id="navbar_brand_img" class="mx-auto" alt="WEBCEPH" style="width: 40px; height: 40px; margin-top: -18px; display: inline-block; margin-right: 5px !important;">
2052                  <h1 class="text-center my-3 mobile-text" style="display: inline-block; font-size: 30px;">
2053                    <!-- <strong>WEB</strong><span style="color: #aaa; font-weight: lighter;">CEPH</span> -->
2054                    <strong>WEB</strong><span style="font-weight: lighter;">CEPH</span> <b style="color:#ec008c">ELITE</b>
2055                  </h1>
2056
2057            </div>
2058          </div>
2059          <!-- <h1 class="mt-5 mb-5 upgrade_button" style="font-weight: lighter; font-size: 23px;">Ultimate Mastery Membership</h1> -->
2060<!-- 
2061
2062          
2063          <a href="/en/register/?next=/en/orders/subscription/Basic/?external=1" class="btn btn-lg lift btn-upgrade-elite" style="width: 60%;" role="button">UPGRADE NOW</a>
2064          
2065          <div class="row mt-4">
2066            <div class="col" style="text-align: center;">
2067
2068              <h2 class="" style="font-weight: lighter;"><span style="font-size: 30px;">$ 19.99</span>/ month<br><small>(VAT 10&#37; excluded)</small></h2>
2069
2070            </div>
2071          </div>
2072           -->
2073
2074
2075          
2076              <a href="/en/register/?next=/en/orders/subscription/Elite/?external=1" class="btn btn-lg lift btn-upgrade-elite upgrade_button" style="width: 60%;" role="button">UPGRADE NOW</a>
2077
2078          
2079
2080
2081          <div class="row mt-4 upgrade_button">
2082              <div class="col" style="text-align: center;">
2083                  <h2 class="" style="font-weight: lighter;">$ <span style="font-size: 30px;">19.99</span>/ month<br><small>(VAT 10&#37; excluded)</small></h2>
2084              </div>
2085          </div>
2086
2087          <hr>
2088          <!-- Features -->
2089          <div class="mb-3">            
2090              <div id="accordionExample_elite" class="accordion shadow" style="border-radius: .5rem;">
2091
2092                <div class="card mb-1" style="display: none;">
2093                    <div id="heading_elite_00_1" class="card-header bg-white shadow-sm border-0">
2094                        <h2 class="mb-0">
2095                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_00_1" aria-expanded="false" aria-controls="collapse_elite_00_1" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>3D STL Model Viewer and Analysis</b></button>
2096                        </h2>
2097                    </div>
2098                    <div id="collapse_elite_00_1" aria-labelledby="heading_elite_00_1" data-parent="#accordionExample_elite" class="collapse show">
2099                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2100                            <p class="font-weight-light m-0">The 3D STL Model Viewer enables users to visualize and analyze dental structures in three dimensions with precision. Elite users receive up to 5GB of STL storage.</p>
2101                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/pricing_elite_3dmodel_viewer_.png"/> 
2102                        </div>
2103                    </div>
2104                </div>
2105                <div class="card mb-1">
2106                    <div id="heading_elite_01" class="card-header bg-white shadow-sm border-0">
2107                        <h2 class="mb-0">
2108                            <!-- <button type="button" data-toggle="collapse" data-target="#collapse_elite_01" aria-expanded="false" aria-controls="collapse_elite_01" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>A.I. driven Occlusogram Analysis</b></button> -->
2109                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_01" aria-expanded="false" aria-controls="collapse_elite_01" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>Occlusogram Viewer</b></button>
2110                        </h2>
2111                    </div>
2112                    <div id="collapse_elite_01" aria-labelledby="heading_elite_01" data-parent="#accordionExample_elite" class="collapse show">
2113                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2114                            <!-- <p class="font-weight-light m-0">WebCeph Elite&apos;s artificial intelligence model automatically performs Occlusogram analysis.</p> -->
2115                            <p class="font-weight-light m-0">WebCeph ELITE provides an Occlusogram Viewer with arch templates and spacing reference lines.</p>
2116                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/occlusogram2.jpg"/> 
2117                        </div>
2118                    </div>
2119                </div>
2120                <div class="card mb-1" style="display: none;">
2121                    <div id="heading_elite_00_2" class="card-header bg-white shadow-sm border-0">
2122                        <h2 class="mb-0">
2123                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_00_2" aria-expanded="false" aria-controls="collapse_elite_00_2" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>Patient Analysis Report</b></button>
2124                        </h2>
2125                    </div>
2126                    <div id="collapse_elite_00_2" aria-labelledby="heading_elite_00_2" data-parent="#accordionExample_elite" class="collapse">
2127                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2128                            <p class="font-weight-light m-0">Patient Reports summarize diagnostic results in a tone patients easily understand. These reports can enhance communication, build trust, and improve treatment acceptance.</p>
2129                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/pricing_elite_ai_report_.png"/> 
2130                        </div>
2131                    </div>
2132                </div>
2133                <!-- Accordion item 13 -->
2134                <div class="card mb-1">
2135                    <div id="heading_elite_03" class="card-header bg-white shadow-sm border-0">
2136                        <h2 class="mb-0">
2137                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_03" aria-expanded="false" aria-controls="collapse_elite_03" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>Automated Photo Upload</b></button>
2138                        </h2>
2139                    </div>
2140                    <div id="collapse_elite_03" aria-labelledby="heading_elite_03" data-parent="#accordionExample_elite" class="collapse">
2141                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2142                            <p class="font-weight-light m-0">WebCeph Elite automates the upload of clinical photos, further reducing diagnosis time.</p>
2143                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/AI_Upload.jpg"/> 
2144                        </div>
2145                    </div>
2146                </div><!-- End -->
2147                <div class="card mb-1" style="display: none;">
2148                    <div id="heading_elite_00_3" class="card-header bg-white shadow-sm border-0">
2149                        <h2 class="mb-0">
2150                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_00_3" aria-expanded="false" aria-controls="collapse_elite_00_3" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>WEBCEPH Desktop Application</b></button>
2151                        </h2>
2152                    </div>
2153                    <div id="collapse_elite_00_3" aria-labelledby="heading_elite_00_3" data-parent="#accordionExample_elite" class="collapse">
2154                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2155                            <p class="font-weight-light m-0">WebCeph Desktop is a PC installable application that provides enhanced convenience and workflow efficiency for Elite users. <br>Note: All patient data is securely stored in the cloud.</p>
2156                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/pricing_elite_desktopapp_.png"/> 
2157                        </div>
2158                    </div>
2159                </div>
2160                
2161
2162<!-- 
2163                <div class="card mb-1">
2164                    <div id="heading_elite_01" class="card-header bg-white shadow-sm border-0">
2165                        <h2 class="mb-0">
2166                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_01" aria-expanded="false" aria-controls="collapse_elite_01" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>3D Model Viewer</b></button>
2167                        </h2>
2168                    </div>
2169                    <div id="collapse_elite_01" aria-labelledby="heading_elite_01" data-parent="#accordionExample_elite" class="collapse show">
2170                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2171                            <p class="font-weight-light m-0">WebCeph PREMIUM&#39;s artificial intelligence model automates PA(Postero-Anterior) cephalometric tracing and analysis.</p>
2172                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/premium_01.jpg"/> 
2173                        </div>
2174                    </div>
2175                </div> -->
2176
2177                <!-- Accordion item 12 -->
2178                <div class="card mb-1">
2179                    <div id="heading_elite_02" class="card-header bg-white shadow-sm border-0">
2180                        <h2 class="mb-0">
2181                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_02" aria-expanded="false" aria-controls="collapse_elite_02" class="btn btn-link btn-link-elite text-dark collapsible-link"><b>Full-screen Case Presentation</b></button>
2182                        </h2>
2183                    </div>
2184                    <div id="collapse_elite_02" aria-labelledby="heading_elite_02" data-parent="#accordionExample_elite" class="collapse">
2185                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2186                            <p class="font-weight-light m-0">WebCeph Elite provides full-screen case presentation functionality for patient consultation.</p>
2187                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/fullscreen_presentation1.jpg"/> 
2188                        </div>
2189                    </div>
2190                </div><!-- End -->
2191
2192
2193
2194
2195                <!-- Accordion item 11 -->
2196                <div class="card mb-1">
2197                    <div id="heading_elite_04" class="card-header bg-white shadow-sm border-0">
2198                        <h2 class="mb-0">
2199                            <!-- <button type="button" data-toggle="collapse" data-target="#collapse_elite_04" aria-expanded="false" aria-controls="collapse_elite_04" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>A.I. driven PA Cephalometric Analysis</b></button> -->
2200                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_04" aria-expanded="false" aria-controls="collapse_elite_04" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>PA Cephalometric Viewer</b></button>
2201                        </h2>
2202                    </div>
2203                    <div id="collapse_elite_04" aria-labelledby="heading_elite_04" data-parent="#accordionExample_elite" class="collapse">
2204                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2205                            <!-- <p class="font-weight-light m-0">WebCeph PREMIUM&#39;s artificial intelligence model automates PA(Postero-Anterior) cephalometric tracing and analysis.</p> -->
2206                            <p class="font-weight-light m-0">WebCeph PREMIUM supports PA Cephalometric Viewer with suggested landmarks and visual guidance.</p>
2207                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/premium_01.jpg"/> 
2208                        </div>
2209                    </div>
2210                </div><!-- End -->
2211
2212                <!-- Accordion item 12 -->
2213                <div class="card mb-1">
2214                    <div id="heading_elite_05" class="card-header bg-white shadow-sm border-0">
2215                        <h2 class="mb-0">
2216                            <!-- <button type="button" data-toggle="collapse" data-target="#collapse_elite_05" aria-expanded="false" aria-controls="collapse_elite_05" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>A.I. driven Frontal Face Analysis</b></button> -->
2217                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_05" aria-expanded="false" aria-controls="collapse_elite_05" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>Frontal Face Viewer</b></button>
2218                        </h2>
2219                    </div>
2220                    <div id="collapse_elite_05" aria-labelledby="heading_elite_05" data-parent="#accordionExample_elite" class="collapse">
2221                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2222                            <!-- <p class="font-weight-light m-0">WebCeph PREMIUM&#39;s artificial intelligence model automates frontal facial soft-tissue analysis.</p> -->
2223                            <p class="font-weight-light m-0">WebCeph PREMIUM provides Frontal Face Viewer with facial ratio guides for visual reference.</p>
2224                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/premium_03.jpg"/> 
2225                        </div>
2226                    </div>
2227                </div><!-- End -->
2228
2229                <!-- Accordion item 13 -->
2230                <div class="card mb-1">
2231                    <div id="heading_elite_06" class="card-header bg-white shadow-sm border-0">
2232                        <h2 class="mb-0">
2233                            <!-- <button type="button" data-toggle="collapse" data-target="#collapse_elite_06" aria-expanded="false" aria-controls="collapse_elite_06" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>A.I. driven Lateral Soft-tissue Analysis</b></button> -->
2234                            <button type="button" data-toggle="collapse" data-target="#collapse_elite_06" aria-expanded="false" aria-controls="collapse_elite_06" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>Lateral Face Viewer</b></button>
2235                        </h2>
2236                    </div>
2237                    <div id="collapse_elite_06" aria-labelledby="heading_elite_06" data-parent="#accordionExample_elite" class="collapse">
2238                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2239                            <!-- <p class="font-weight-light m-0">WebCeph PREMIUM&#39;s artificial intelligence model automates lateral facial soft-tissue analysis.</p> -->
2240                            <p class="font-weight-light m-0">WebCeph PREMIUM provides Lateral Face Viewer with profile guides and annotations.</p>
2241                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/premium_02.jpg"/> 
2242                        </div>
2243                    </div>
2244                </div><!-- End -->
2245
2246                <!-- Accordion item 1 -->
2247                <div class="card mb-1">
2248                    <div id="headingOne_elite" class="card-header bg-white shadow-sm border-0">
2249                        <h2 class="mb-0">
2250                            <button type="button" data-toggle="collapse" data-target="#collapseOne_elite" aria-expanded="false" aria-controls="collapseOne_elite" class="btn btn-link text-dark collapsible-link">Ad-Free</button>
2251                        </h2>
2252                    </div>
2253                    <div id="collapseOne_elite" aria-labelledby="headingOne_elite" data-parent="#accordionExample_elite" class="collapse">
2254                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2255                            <p class="font-weight-light m-0">In WebCeph PREMIUM, you can use WebCeph&#39;s advanced features without watching advertisements.</p>
2256                        </div>
2257                    </div>
2258                </div><!-- End -->
2259
2260
2261                <!-- Accordion item 6 -->
2262                <div class="card mb-1">
2263                    <div id="headingSix_elite" class="card-header bg-white shadow-sm border-0">
2264                        <h2 class="mb-0">
2265                            <button type="button" data-toggle="collapse" data-target="#collapseSix_elite" aria-expanded="false" aria-controls="collapseSix_elite" class="btn btn-link text-dark collapsible-link">Automated Timelapse Video</button>
2266                        </h2>
2267                    </div>
2268                    <div id="collapseSix_elite" aria-labelledby="headingSix_elite" data-parent="#accordionExample_elite" class="collapse">
2269                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2270                            <p class="font-weight-light m-0">The progress of the treatment is automatically made into a time-lapse video. You can save this and send it to the patient.</p>
2271                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/plus_pricing_1.png"/> 
2272                        </div>
2273                    </div>
2274                </div><!-- End -->
2275
2276
2277                <!-- Accordion item 2 -->
2278                <div class="card mb-1">
2279                    <div id="headingTwo_elite" class="card-header bg-white shadow-sm border-0">
2280                        <h2 class="mb-0">
2281                            <button type="button" data-toggle="collapse" data-target="#collapseTwo_elite" aria-expanded="false" aria-controls="collapseTwo_elite" class="btn btn-link text-dark collapsible-link">Extra Landmarks of Tracing</button>
2282                        </h2>
2283                    </div>
2284                    <div id="collapseTwo_elite" aria-labelledby="headingTwo_elite" data-parent="#accordionExample_elite" class="collapse">
2285                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2286                            <p class="font-weight-light m-0">You can add extra landmarks to make your analysis method more versatile.</p>
2287                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/extra_landmarks_plus.png"/> 
2288                        </div>
2289                    </div>
2290                </div><!-- End -->
2291
2292                <!-- Accordion item 2 -->
2293                <div class="card mb-1">
2294                    <div id="headingTwelve_elite" class="card-header bg-white shadow-sm border-0">
2295                        <h2 class="mb-0">
2296                            <button type="button" data-toggle="collapse" data-target="#collapseTwelve_elite" aria-expanded="false" aria-controls="collapseTwelve_elite" class="btn btn-link text-dark collapsible-link">Landmark Table</button>
2297                        </h2>
2298                    </div>
2299                    <div id="collapseTwelve_elite" aria-labelledby="headingTwelve_elite" data-parent="#accordionExample_elite" class="collapse">
2300                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2301                            <p class="font-weight-light m-0">You can check the coordinates of each landmark and export it as an Excel file.</p>
2302                            <img style="margin-top: 10px; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; width:35%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/landmark_table2.png"/>
2303                            <img style="margin-top: 10px; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; width:65%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/landmark_table.png"/>
2304                        </div>
2305                    </div>
2306                </div><!-- End -->
2307
2308                <!-- Accordion item 3 -->
2309                <div class="card mb-1">
2310                    <div id="headingThree_elite" class="card-header bg-white shadow-sm border-0">
2311                        <h2 class="mb-0">
2312                            <button type="button" data-toggle="collapse" data-target="#collapseThree_elite" aria-expanded="false" aria-controls="collapseThree_elite" class="btn btn-link text-dark collapsible-link">Maxilla/Mandible/Multiple Superimposition</button>
2313                        </h2>
2314                    </div>
2315                    <div id="collapseThree_elite" aria-labelledby="headingThree_elite" data-parent="#accordionExample_elite" class="collapse">
2316                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2317                            <p class="font-weight-light m-0">In WebCeph PREMIUM, the maxilla and mandible can be individually superimposed, and the function of superimposition of two or more multiple images is provided.
2317</p>
2318                            <img style="width:55%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/super_03_plus.png"/>
2319                            <img style="width:55%;  margin-left: -38px; display: inline-block;" src="https://public-assets.webceph.com/static/img/super_04_plus.png"/>
2320                        </div>
2321                    </div>
2322                </div><!-- End -->
2323
2324                <!-- Accordion item 4 -->
2325                <div class="card mb-1">
2326                    <div id="headingFour_elite" class="card-header bg-white shadow-sm border-0">
2327                        <h2 class="mb-0">
2328                            <button type="button" data-toggle="collapse" data-target="#collapseFour_elite" aria-expanded="false" aria-controls="collapseFour_elite" class="btn btn-link text-dark collapsible-link">Remove Watermark and Print Clinic Logo</button>
2329                        </h2>
2330                    </div>
2331                    <div id="collapseFour_elite" aria-labelledby="headingFour_elite" data-parent="#accordionExample_elite" class="collapse">
2332                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2333                            <p class="font-weight-light m-0">Instead of the WebCeph&#39;s watermark, you can print the logo of your clinic on the PDF analysis report.</p>
2334                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/clinic_logo_plus.png"/> 
2335                            
2336                        </div>
2337                    </div>
2338                </div><!-- End -->
2339
2340                <!-- Accordion item 5 -->
2341                <div class="card mb-1">
2342                    <div id="headingFive_elite" class="card-header bg-white shadow-sm border-0">
2343                        <h2 class="mb-0">
2344                            <button type="button" data-toggle="collapse" data-target="#collapseFive_elite" aria-expanded="false" aria-controls="collapseFive_elite" class="btn btn-link text-dark collapsible-link">Movement Table of Landmarks of STO/VTO</button>
2345                        </h2>
2346                    </div>
2347                    <div id="collapseFive_elite" aria-labelledby="headingFive_elite" data-parent="#accordionExample_elite" class="collapse">
2348                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2349                            <p class="font-weight-light m-0">You can check the movement amount of each landmark in well-organized table and export it as an Excel file.</p>
2350                            <img style="width:100%; border-radius: .25rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/treatment_table.png"/>
2351                        </div>
2352                    </div>
2353                </div><!-- End -->
2354
2355
2356                <!-- Accordion item 7 -->
2357                <div class="card mb-1">
2358                    <div id="headingSeven_elite" class="card-header bg-white shadow-sm border-0">
2359                        <h2 class="mb-0">
2360                            <button type="button" data-toggle="collapse" data-target="#collapseSeven_elite" aria-expanded="false" aria-controls="collapseSeven_elite" class="btn btn-link text-dark collapsible-link">Profile Superimposition</button>
2361                        </h2>
2362                    </div>
2363                    <div id="collapseSeven_elite" aria-labelledby="headingSeven_elite" data-parent="#accordionExample_elite" class="collapse">
2364                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2365                            <p class="font-weight-light m-0">The patient&#39;s facial profile pictures can be superimposed and saved as a video.</p>
2366                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/profile_plus.png"/> 
2367                        </div>
2368                    </div>
2369                </div><!-- End -->
2370
2371                <!-- Accordion item 8 -->
2372                <div class="card mb-1">
2373                    <div id="headingEight_elite" class="card-header bg-white shadow-sm border-0">
2374                        <h2 class="mb-0">
2375                            <button type="button" data-toggle="collapse" data-target="#collapseEight_elite" aria-expanded="false" aria-controls="collapseEight_elite" class="btn btn-link text-dark collapsible-link">Advanced Caseroom Features</button>
2376                        </h2>
2377                    </div>
2378                    <div id="collapseEight_elite" aria-labelledby="headingEight_elite" data-parent="#accordionExample_elite" class="collapse">
2379                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2380                            <p class="font-weight-light m-0">WebCeph PREMIUM allows you to organize clinical cases in a more diverse format. You can save the case images directly in WebCeph PREMIUM.</p>
2381                            <img style="margin-top: 10px; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; width:58%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/caseroom_plus_01.png"/>
2382                            <img style="margin-top: 10px; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; width:42%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/caseroom_plus_02.png"/>
2383                        </div>
2384                    </div>
2385                </div><!-- End -->
2386
2387                <!-- Accordion item 9 -->
2388                <div class="card mb-1">
2389                    <div id="headingNine_elite" class="card-header bg-white shadow-sm border-0">
2390                        <h2 class="mb-0">
2391                            <button type="button" data-toggle="collapse" data-target="#collapseNine_elite" aria-expanded="false" aria-controls="collapseNine_elite" class="btn btn-link text-dark collapsible-link">Multiple Analysis Comparison Chart</button>
2392                        </h2>
2393                    </div>
2394                    <div id="collapseNine_elite" aria-labelledby="headingNine_elite" data-parent="#accordionExample_elite" class="collapse">
2395                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2396                            <p class="font-weight-light m-0">WebCeph PREMIUM provides the ability to compare measurements of different treatment stages in an analysis chart.</p>
2397                            <img style="margin-top: 10px; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem;  width:53.5%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/multiple_comparison_plus1.png"/>
2398                            <img style="margin-top: 10px; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; width:46.5%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/multiple_comparison_plus2.png"/>
2399                        </div>
2400                    </div>
2401                </div><!-- End -->
2402
2403                <!-- Accordion item 10 -->
2404                <div class="card mb-1">
2405                    <div id="headingTen_elite" class="card-header bg-white shadow-sm border-0">
2406                        <h2 class="mb-0">
2407                            <button type="button" data-toggle="collapse" data-target="#collapseTen_elite" aria-expanded="false" aria-controls="collapseTen_elite" class="btn btn-link text-dark collapsible-link">Image Crop Feature</button>
2408                        </h2>
2409                    </div>
2410                    <div id="collapseTen_elite" aria-labelledby="headingTen_elite" data-parent="#accordionExample_elite" class="collapse">
2411                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2412                            <p class="font-weight-light m-0">In the Viewer tab of WebCeph PREMIUM, the function to crop and edit clinical pictures is provided.
2412</p>
2413                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/image_crop_plus.png"/> 
2414                            
2415                        </div>
2416                    </div>
2417                </div><!-- End -->
2418
2419                <!-- Accordion item 11 -->
2420                <div class="card mb-1">
2421                    <div id="headingEleven_elite" class="card-header bg-white shadow-sm border-0">
2422                        <h2 class="mb-0">
2423                            <button type="button" data-toggle="collapse" data-target="#collapseEleven_elite" aria-expanded="false" aria-controls="collapseEleven_elite" class="btn btn-link text-dark collapsible-link">Toosapp PLUS Features</button>
2424                        </h2>
2425                    </div>
2426                    <div id="collapseEleven_elite" aria-labelledby="headingEleven_elite" data-parent="#accordionExample_elite" class="collapse">
2427                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2428                            <p class="font-weight-light m-0">WebCeph PREMIUM provides additional features of Toosapp to communicate with patients.</p>
2429                            <img style="width:45%; margin-top: 10px; border-top-left-radius: .8rem; border-bottom-left-radius: .8rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/webceph_toosapp_plus.png"/><img style="width:30%; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; display: inline-block; margin-top: -5px" src="https://public-assets.webceph.com/static/img/toosapp_plus_01.png"/>
2430                        </div>
2431                    </div>
2432                </div><!-- End -->
2433
2434            </div><!-- End -->
2435
2436          </div>
2437
2438                
2439
2440
2441        </div>
2442      </div>
2443
2444    </div>
2445    
2446    <div class="col-xl-3 pl-3 pr-3">
2447      
2448      <!-- Card -->
2449      <div class="card border-gradient-premium">
2450
2451        <div class="card-body pd-mobile" style="text-align: center;">
2452
2453          <div class="row mb-4">
2454            <div class="col p-0">
2455              <img src="https://public-assets.webceph.com/static/img/WebCeph_72x72.png" id="navbar_brand_img" class="mx-auto" alt="WEBCEPH" style="width: 40px; height: 40px; margin-top: -18px; display: inline-block; margin-right: 5px !important;">
2456                  <h1 class="text-center my-3 mobile-text" style="display: inline-block; font-size: 30px;">
2457                    <!-- <strong>WEB</strong><span style="color: #aaa; font-weight: lighter;">CEPH</span> -->
2458                    <strong>WEB</strong><span style="font-weight: lighter;">CEPH</span> <b style="color:#ff8c1e">PREMIUM</b>
2459                  </h1>
2460
2461            </div>
2462          </div>
2463          <!-- <h1 class="mt-5 mb-5 upgrade_button" style="font-weight: lighter; font-size: 23px;">Exclusive Suite for Professionals</h1> -->
2464
2465          <!-- <a href="#" class="btn btn-lg btn-webceph-3" role="button">TRY IT FREE</a> -->
2466          <!-- <div class="btn btn-lg btn-upgrade-premium disabled" style="width: 60%;" role="button">COMING SOON</div> -->
2467
2468          
2469          <a href="/en/register/?next=/en/orders/subscription/Basic/?external=1" class="btn btn-lg lift btn-upgrade-premium upgrade_button" style="width: 60%;" role="button">UPGRADE NOW</a>
2470          
2471          <div class="row mt-4 upgrade_button">
2472            <div class="col" style="text-align: center;">
2473
2474              <h2 class="" style="font-weight: lighter;"><span style="font-size: 30px;">$ 14.99</span>/ month<br><small>(VAT 10&#37; excluded)</small></h2>
2475
2476            </div>
2477          </div>
2478          
2479
2480<!-- 
2481          <div class="row mt-4">
2482            <div class="col" style="text-align: center;">
2483
2484              <h2 class="" style="font-weight: lighter;"><span style="font-size: 30px;">$ 14.99</span>/ month<br><small>(VAT 10&#37; excluded)</small></h2>
2485
2486            </div>
2487          </div> -->
2488<!-- 
2489          
2490          <a href="/en/register/?next=/en/orders/subscription/Basic/?external=1" class="btn btn-lg lift btn-upgrade-premium" style="width: 60%;" role="button">START NOW</a>
2491          
2492          <div class="row mt-4">
2493            <div class="col" style="text-align: center;">
2494
2495              <h2 class="" style="font-weight: lighter;"><span style="font-size: 30px;">$ 9.99</span>/ month<br><small>(VAT 10&#37; excluded)</small></h2>
2496
2497            </div>
2498          </div>
2499           -->
2500
2501
2502          <hr>
2503          <!-- Features -->
2504          <div class="mb-3">            
2505              <div id="accordionExample_premium" class="accordion shadow" style="border-radius: .5rem;">
2506
2507                <!-- Accordion item 11 -->
2508                <div class="card mb-1">
2509                    <div id="heading_premium_01" class="card-header bg-white shadow-sm border-0">
2510                        <h2 class="mb-0">
2511                            <!-- <button type="button" data-toggle="collapse" data-target="#collapse_premium_01" aria-expanded="false" aria-controls="collapse_premium_01" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>A.I. driven PA Cephalometric Analysis</b></button> -->
2512                            <button type="button" data-toggle="collapse" data-target="#collapse_premium_01" aria-expanded="false" aria-controls="collapse_premium_01" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>PA Cephalometric Viewer</b></button>
2513                        </h2>
2514                    </div>
2515                    <div id="collapse_premium_01" aria-labelledby="heading_premium_01" data-parent="#accordionExample_premium" class="collapse show">
2516                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2517                            <!-- <p class="font-weight-light m-0">WebCeph PREMIUM&#39;s artificial intelligence model automates PA(Postero-Anterior) cephalometric tracing and analysis.</p> -->
2518                            <p class="font-weight-light m-0">WebCeph PREMIUM supports PA Cephalometric Viewer with suggested landmarks and visual guidance.</p>
2519                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/premium_01.jpg"/> 
2520                        </div>
2521                    </div>
2522                </div><!-- End -->
2523
2524                <!-- Accordion item 12 -->
2525                <div class="card mb-1">
2526                    <div id="heading_premium_02" class="card-header bg-white shadow-sm border-0">
2527                        <h2 class="mb-0">
2528                            <!-- <button type="button" data-toggle="collapse" data-target="#collapse_premium_02" aria-expanded="false" aria-controls="collapse_premium_02" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>A.I. driven Frontal Face Analysis</b></button> -->
2529                            <button type="button" data-toggle="collapse" data-target="#collapse_premium_02" aria-expanded="false" aria-controls="collapse_premium_02" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>Frontal Face Viewer</b></button>
2530                        </h2>
2531                    </div>
2532                    <div id="collapse_premium_02" aria-labelledby="heading_premium_02" data-parent="#accordionExample_premium" class="collapse">
2533                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2534                            <!-- <p class="font-weight-light m-0">WebCeph PREMIUM&#39;s artificial intelligence model automates frontal facial soft-tissue analysis.</p> -->
2535                            <p class="font-weight-light m-0">WebCeph PREMIUM provides Frontal Face Viewer with facial ratio guides for visual reference.</p>
2536                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/premium_03.jpg"/> 
2537                        </div>
2538                    </div>
2539                </div><!-- End -->
2540
2541                <!-- Accordion item 13 -->
2542                <div class="card mb-1">
2543                    <div id="heading_premium_03" class="card-header bg-white shadow-sm border-0">
2544                        <h2 class="mb-0">
2545                            <!-- <button type="button" data-toggle="collapse" data-target="#collapse_premium_03" aria-expanded="false" aria-controls="collapse_premium_03" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>A.I. driven Lateral Soft-tissue Analysis</b></button> -->
2546                            <button type="button" data-toggle="collapse" data-target="#collapse_premium_03" aria-expanded="false" aria-controls="collapse_premium_03" class="btn btn-link btn-link-premium text-dark collapsible-link"><b>Lateral Face Viewer</b></button>
2547                        </h2>
2548                    </div>
2549                    <div id="collapse_premium_03" aria-labelledby="heading_premium_03" data-parent="#accordionExample_premium" class="collapse">
2550                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2551                            <!-- <p class="font-weight-light m-0">WebCeph PREMIUM&#39;s artificial intelligence model automates lateral facial soft-tissue analysis.</p> -->
2552                            <p class="font-weight-light m-0">WebCeph PREMIUM provides Lateral Face Viewer with profile guides and annotations.</p>
2553                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/premium_02.jpg"/> 
2554                        </div>
2555                    </div>
2556                </div><!-- End -->
2557
2558
2559                <!-- Accordion item 1 -->
2560                <div class="card mb-1">
2561                    <div id="headingOne_premium" class="card-header bg-white shadow-sm border-0">
2562                        <h2 class="mb-0">
2563                            <button type="button" data-toggle="collapse" data-target="#collapseOne_premium" aria-expanded="false" aria-controls="collapseOne_premium" class="btn btn-link text-dark collapsible-link">Ad-Free</button>
2564                        </h2>
2565                    </div>
2566                    <div id="collapseOne_premium" aria-labelledby="headingOne_premium" data-parent="#accordionExample_premium" class="collapse">
2567                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2568                            <p class="font-weight-light m-0">In WebCeph PREMIUM, you can use WebCeph&#39;s advanced features without watching advertisements.</p>
2569                        </div>
2570                    </div>
2571                </div><!-- End -->
2572
2573
2574                <!-- Accordion item 6 -->
2575                <div class="card mb-1">
2576                    <div id="headingSix_premium" class="card-header bg-white shadow-sm border-0">
2577                        <h2 class="mb-0">
2578                            <button type="button" data-toggle="collapse" data-target="#collapseSix_premium" aria-expanded="false" aria-controls="collapseSix_premium" class="btn btn-link text-dark collapsible-link">Automated Timelapse Video</button>
2579                        </h2>
2580                    </div>
2581                    <div id="collapseSix_premium" aria-labelledby="headingSix_premium" data-parent="#accordionExample_premium" class="collapse">
2582                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2583                            <p class="font-weight-light m-0">The progress of the treatment is automatically made into a time-lapse video. You can save this and send it to the patient.</p>
2584                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/plus_pricing_1.png"/> 
2585                        </div>
2586                    </div>
2587                </div><!-- End -->
2588
2589
2590                <!-- Accordion item 2 -->
2591                <div class="card mb-1">
2592                    <div id="headingTwo_premium" class="card-header bg-white shadow-sm border-0">
2593                        <h2 class="mb-0">
2594                            <button type="button" data-toggle="collapse" data-target="#collapseTwo_premium" aria-expanded="false" aria-controls="collapseTwo_premium" class="btn btn-link text-dark collapsible-link">Extra Landmarks of Tracing</button>
2595                        </h2>
2596                    </div>
2597                    <div id="collapseTwo_premium" aria-labelledby="headingTwo_premium" data-parent="#accordionExample_premium" class="collapse">
2598                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2599                            <p class="font-weight-light m-0">You can add extra landmarks to make your analysis method more versatile.</p>
2600                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/extra_landmarks_plus.png"/> 
2601                        </div>
2602                    </div>
2603                </div><!-- End -->
2604
2605                <!-- Accordion item 2 -->
2606                <div class="card mb-1">
2607                    <div id="headingTwelve_premium" class="card-header bg-white shadow-sm border-0">
2608                        <h2 class="mb-0">
2609                            <button type="button" data-toggle="collapse" data-target="#collapseTwelve_premium" aria-expanded="false" aria-controls="collapseTwelve_premium" class="btn btn-link text-dark collapsible-link">Landmark Table</button>
2610                        </h2>
2611                    </div>
2612                    <div id="collapseTwelve_premium" aria-labelledby="headingTwelve_premium" data-parent="#accordionExample_premium" class="collapse">
2613                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2614                            <p class="font-weight-light m-0">You can check the coordinates of each landmark and export it as an Excel file.</p>
2615                            <img style="margin-top: 10px; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; width:35%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/landmark_table2.png"/>
2616                            <img style="margin-top: 10px; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; width:65%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/landmark_table.png"/>
2617                        </div>
2618                    </div>
2619                </div><!-- End -->
2620
2621                <!-- Accordion item 3 -->
2622                <div class="card mb-1">
2623                    <div id="headingThree_premium" class="card-header bg-white shadow-sm border-0">
2624                        <h2 class="mb-0">
2625                            <button type="button" data-toggle="collapse" data-target="#collapseThree_premium" aria-expanded="false" aria-controls="collapseThree_premium" class="btn btn-link text-dark collapsible-link">Maxilla/Mandible/Multiple Superimposition</button>
2626                        </h2>
2627                    </div>
2628                    <div id="collapseThree_premium" aria-labelledby="headingThree_premium" data-parent="#accordionExample_premium" class="collapse">
2629                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2630                            <p class="font-weight-light m-0">In WebCeph PREMIUM, the maxilla and mandible can be individually superimposed, and the function of superimposition of two or more multiple images is provided.
2630</p>
2631                            <img style="width:55%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/super_03_plus.png"/>
2632                            <img style="width:55%;  margin-left: -38px; display: inline-block;" src="https://public-assets.webceph.com/static/img/super_04_plus.png"/>
2633                        </div>
2634                    </div>
2635                </div><!-- End -->
2636
2637                <!-- Accordion item 4 -->
2638                <div class="card mb-1">
2639                    <div id="headingFour_premium" class="card-header bg-white shadow-sm border-0">
2640                        <h2 class="mb-0">
2641                            <button type="button" data-toggle="collapse" data-target="#collapseFour_premium" aria-expanded="false" aria-controls="collapseFour_premium" class="btn btn-link text-dark collapsible-link">Remove Watermark and Print Clinic Logo</button>
2642                        </h2>
2643                    </div>
2644                    <div id="collapseFour_premium" aria-labelledby="headingFour_premium" data-parent="#accordionExample_premium" class="collapse">
2645                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2646                            <p class="font-weight-light m-0">Instead of the WebCeph&#39;s watermark, you can print the logo of your clinic on the PDF analysis report.</p>
2647                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/clinic_logo_plus.png"/> 
2648                            
2649                        </div>
2650                    </div>
2651                </div><!-- End -->
2652
2653                <!-- Accordion item 5 -->
2654                <div class="card mb-1">
2655                    <div id="headingFive_premium" class="card-header bg-white shadow-sm border-0">
2656                        <h2 class="mb-0">
2657                            <button type="button" data-toggle="collapse" data-target="#collapseFive_premium" aria-expanded="false" aria-controls="collapseFive_premium" class="btn btn-link text-dark collapsible-link">Movement Table of Landmarks of STO/VTO</button>
2658                        </h2>
2659                    </div>
2660                    <div id="collapseFive_premium" aria-labelledby="headingFive_premium" data-parent="#accordionExample_premium" class="collapse">
2661                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2662                            <p class="font-weight-light m-0">You can check the movement amount of each landmark in well-organized table and export it as an Excel file.</p>
2663                            <img style="width:100%; border-radius: .25rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/treatment_table.png"/>
2664                        </div>
2665                    </div>
2666                </div><!-- End -->
2667
2668
2669                <!-- Accordion item 7 -->
2670                <div class="card mb-1">
2671                    <div id="headingSeven_premium" class="card-header bg-white shadow-sm border-0">
2672                        <h2 class="mb-0">
2673                            <button type="button" data-toggle="collapse" data-target="#collapseSeven_premium" aria-expanded="false" aria-controls="collapseSeven_premium" class="btn btn-link text-dark collapsible-link">Profile Superimposition</button>
2674                        </h2>
2675                    </div>
2676                    <div id="collapseSeven_premium" aria-labelledby="headingSeven_premium" data-parent="#accordionExample_premium" class="collapse">
2677                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2678                            <p class="font-weight-light m-0">The patient&#39;s facial profile pictures can be superimposed and saved as a video.</p>
2679                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/profile_plus.png"/> 
2680                        </div>
2681                    </div>
2682                </div><!-- End -->
2683
2684                <!-- Accordion item 8 -->
2685                <div class="card mb-1">
2686                    <div id="headingEight_premium" class="card-header bg-white shadow-sm border-0">
2687                        <h2 class="mb-0">
2688                            <button type="button" data-toggle="collapse" data-target="#collapseEight_premium" aria-expanded="false" aria-controls="collapseEight_premium" class="btn btn-link text-dark collapsible-link">Advanced Caseroom Features</button>
2689                        </h2>
2690                    </div>
2691                    <div id="collapseEight_premium" aria-labelledby="headingEight_premium" data-parent="#accordionExample_premium" class="collapse">
2692                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2693                            <p class="font-weight-light m-0">WebCeph PREMIUM allows you to organize clinical cases in a more diverse format. You can save the case images directly in WebCeph PREMIUM.</p>
2694                            <img style="margin-top: 10px; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; width:58%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/caseroom_plus_01.png"/>
2695                            <img style="margin-top: 10px; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; width:42%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/caseroom_plus_02.png"/>
2696                        </div>
2697                    </div>
2698                </div><!-- End -->
2699
2700                <!-- Accordion item 9 -->
2701                <div class="card mb-1">
2702                    <div id="headingNine_premium" class="card-header bg-white shadow-sm border-0">
2703                        <h2 class="mb-0">
2704                            <button type="button" data-toggle="collapse" data-target="#collapseNine_premium" aria-expanded="false" aria-controls="collapseNine_premium" class="btn btn-link text-dark collapsible-link">Multiple Analysis Comparison Chart</button>
2705                        </h2>
2706                    </div>
2707                    <div id="collapseNine_premium" aria-labelledby="headingNine_premium" data-parent="#accordionExample_premium" class="collapse">
2708                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2709                            <p class="font-weight-light m-0">WebCeph PREMIUM provides the ability to compare measurements of different treatment stages in an analysis chart.</p>
2710                            <img style="margin-top: 10px; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem;  width:53.5%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/multiple_comparison_plus1.png"/>
2711                            <img style="margin-top: 10px; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; width:46.5%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/multiple_comparison_plus2.png"/>
2712                        </div>
2713                    </div>
2714                </div><!-- End -->
2715
2716                <!-- Accordion item 10 -->
2717                <div class="card mb-1">
2718                    <div id="headingTen_premium" class="card-header bg-white shadow-sm border-0">
2719                        <h2 class="mb-0">
2720                            <button type="button" data-toggle="collapse" data-target="#collapseTen_premium" aria-expanded="false" aria-controls="collapseTen_premium" class="btn btn-link text-dark collapsible-link">Image Crop Feature</button>
2721                        </h2>
2722                    </div>
2723                    <div id="collapseTen_premium" aria-labelledby="headingTen_premium" data-parent="#accordionExample_premium" class="collapse">
2724                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2725                            <p class="font-weight-light m-0">In the Viewer tab of WebCeph PREMIUM, the function to crop and edit clinical pictures is provided.
2725</p>
2726                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/image_crop_plus.png"/> 
2727                            
2728                        </div>
2729                    </div>
2730                </div><!-- End -->
2731
2732                <!-- Accordion item 11 -->
2733                <div class="card mb-1">
2734                    <div id="headingEleven_premium" class="card-header bg-white shadow-sm border-0">
2735                        <h2 class="mb-0">
2736                            <button type="button" data-toggle="collapse" data-target="#collapseEleven_premium" aria-expanded="false" aria-controls="collapseEleven_premium" class="btn btn-link text-dark collapsible-link">Toosapp PLUS Features</button>
2737                        </h2>
2738                    </div>
2739                    <div id="collapseEleven_premium" aria-labelledby="headingEleven_premium" data-parent="#accordionExample_premium" class="collapse">
2740                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2741                            <p class="font-weight-light m-0">WebCeph PREMIUM provides additional features of Toosapp to communicate with patients.</p>
2742                            <img style="width:45%; margin-top: 10px; border-top-left-radius: .8rem; border-bottom-left-radius: .8rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/webceph_toosapp_plus.png"/><img style="width:30%; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; display: inline-block; margin-top: -5px" src="https://public-assets.webceph.com/static/img/toosapp_plus_01.png"/>
2743                        </div>
2744                    </div>
2745                </div><!-- End -->
2746
2747            </div><!-- End -->
2748
2749          </div>
2750
2751                
2752
2753
2754        </div>
2755      </div>
2756
2757    </div>
2758
2759    <div class="col-xl-3 pl-3 pr-3">
2760      
2761      <!-- Card -->
2762      <div class="card border-gradient">
2763
2764        <div class="card-body pd-mobile" style="text-align: center;">
2765
2766          <div class="row mb-4">
2767            <div class="col p-0">
2768              <img src="https://public-assets.webceph.com/static/img/WebCeph_72x72.png" id="navbar_brand_img" class="mx-auto" alt="WEBCEPH" style="width: 40px; height: 40px; margin-top: -18px; display: inline-block; margin-right: 5px !important;">
2769                  <h1 class="text-center my-3 mobile-text" style="display: inline-block; font-size: 30px;">
2770                    <!-- <strong>WEB</strong><span style="color: #aaa; font-weight: lighter;">CEPH</span> -->
2771                    <strong>WEB</strong><span style="font-weight: lighter;">CEPH</span> <b style="color:#39ccb3;">PLUS</b>
2772                  </h1>
2773
2774            </div>
2775          </div>
2776          <!-- <h1 class="mt-5 mb-5 upgrade_button" style="font-weight: lighter; font-size: 23px;">Advanced Ad-Free</h1> -->
2777
2778          <!-- <a href="#" class="btn btn-lg btn-webceph-3" role="button">TRY IT FREE</a> -->
2779          
2780          <a href="/en/register/?next=/en/orders/subscription/Basic/?external=1" class="btn btn-lg lift btn-upgrade upgrade_button" style="width: 60%;" role="button">UPGRADE NOW</a>
2781          
2782          <div class="row mt-4 upgrade_button">
2783            <div class="col" style="text-align: center;">
2784
2785              <h2 class="" style="font-weight: lighter;"><span style="font-size: 30px;">$ 9.99</span>/ month<br><small>(VAT 10&#37; excluded)</small></h2>
2786
2787            </div>
2788          </div>
2789          
2790
2791          <!-- <a href="" class="btn btn-lg btn-block btn-light" role="button">START 1 MONTH FREE TRIAL</a> -->
2792
2793          <hr>
2794          <!-- Features -->
2795          <div class="mb-3">            
2796              <div id="accordionExample" class="accordion shadow" style="border-radius: .5rem;">
2797
2798                <!-- Accordion item 1 -->
2799                <div class="card mb-1">
2800                    <div id="headingOne" class="card-header bg-white shadow-sm border-0">
2801                        <h2 class="mb-0">
2802                            <button type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" class="btn btn-link text-dark collapsible-link">Ad-Free</button>
2803                        </h2>
2804                    </div>
2805                    <div id="collapseOne" aria-labelledby="headingOne" data-parent="#accordionExample" class="collapse">
2806                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2807                            <p class="font-weight-light m-0">In WebCeph PLUS, you can use WebCeph&#39;s advanced features without watching advertisements.</p>
2808                        </div>
2809                    </div>
2810                </div><!-- End -->
2811
2812
2813                <!-- Accordion item 6 -->
2814                <div class="card mb-1">
2815                    <div id="headingSix" class="card-header bg-white shadow-sm border-0">
2816                        <h2 class="mb-0">
2817                            <button type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix" class="btn btn-link text-dark collapsible-link">Automated Timelapse Video</button>
2818                        </h2>
2819                    </div>
2820                    <div id="collapseSix" aria-labelledby="headingSix" data-parent="#accordionExample" class="collapse show">
2821                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2822                            <p class="font-weight-light m-0">The progress of the treatment is automatically made into a time-lapse video. You can save this and send it to the patient.</p>
2823                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/plus_pricing_1.png"/> 
2824                        </div>
2825                    </div>
2826                </div><!-- End -->
2827
2828
2829                <!-- Accordion item 2 -->
2830                <div class="card mb-1">
2831                    <div id="headingTwo" class="card-header bg-white shadow-sm border-0">
2832                        <h2 class="mb-0">
2833                            <button type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" class="btn btn-link text-dark collapsible-link">Extra Landmarks of Tracing</button>
2834                        </h2>
2835                    </div>
2836                    <div id="collapseTwo" aria-labelledby="headingTwo" data-parent="#accordionExample" class="collapse">
2837                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2838                            <p class="font-weight-light m-0">You can add extra landmarks to make your analysis method more versatile.</p>
2839                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/extra_landmarks_plus.png"/> 
2840                        </div>
2841                    </div>
2842                </div><!-- End -->
2843
2844                <!-- Accordion item 2 -->
2845                <div class="card mb-1">
2846                    <div id="headingTwo" class="card-header bg-white shadow-sm border-0">
2847                        <h2 class="mb-0">
2848                            <button type="button" data-toggle="collapse" data-target="#collapseTwelve" aria-expanded="false" aria-controls="collapseTwelve" class="btn btn-link text-dark collapsible-link">Landmark Table</button>
2849                        </h2>
2850                    </div>
2851                    <div id="collapseTwelve" aria-labelledby="headingTwelve" data-parent="#accordionExample" class="collapse">
2852                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2853                            <p class="font-weight-light m-0">You can check the coordinates of each landmark and export it as an Excel file.</p>
2854                            <img style="margin-top: 10px; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; width:35%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/landmark_table2.png"/>
2855                            <img style="margin-top: 10px; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; width:65%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/landmark_table.png"/>
2856                        </div>
2857                    </div>
2858                </div><!-- End -->
2859
2860                <!-- Accordion item 3 -->
2861                <div class="card mb-1">
2862                    <div id="headingThree" class="card-header bg-white shadow-sm border-0">
2863                        <h2 class="mb-0">
2864                            <button type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="btn btn-link text-dark collapsible-link">Maxilla/Mandible/Multiple Superimposition</button>
2865                        </h2>
2866                    </div>
2867                    <div id="collapseThree" aria-labelledby="headingThree" data-parent="#accordionExample" class="collapse">
2868                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2869                            <p class="font-weight-light m-0">In WebCeph PLUS, the maxilla and mandible can be individually superimposed, and the function of superimposition of two or more multiple images is provided.
2869</p>
2870                            <img style="width:55%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/super_03_plus.png"/>
2871                            <img style="width:55%;  margin-left: -38px; display: inline-block;" src="https://public-assets.webceph.com/static/img/super_04_plus.png"/>
2872                        </div>
2873                    </div>
2874                </div><!-- End -->
2875
2876                <!-- Accordion item 4 -->
2877                <div class="card mb-1">
2878                    <div id="headingFour" class="card-header bg-white shadow-sm border-0">
2879                        <h2 class="mb-0">
2880                            <button type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour" class="btn btn-link text-dark collapsible-link">Remove Watermark and Print Clinic Logo</button>
2881                        </h2>
2882                    </div>
2883                    <div id="collapseFour" aria-labelledby="headingFour" data-parent="#accordionExample" class="collapse">
2884                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2885                            <p class="font-weight-light m-0">Instead of the WebCeph&#39;s watermark, you can print the logo of your clinic on the PDF analysis report.</p>
2886                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/clinic_logo_plus.png"/> 
2887                            
2888                        </div>
2889                    </div>
2890                </div><!-- End -->
2891
2892                <!-- Accordion item 5 -->
2893                <div class="card mb-1">
2894                    <div id="headingFive" class="card-header bg-white shadow-sm border-0">
2895                        <h2 class="mb-0">
2896                            <button type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive" class="btn btn-link text-dark collapsible-link">Movement Table of Landmarks of STO/VTO</button>
2897                        </h2>
2898                    </div>
2899                    <div id="collapseFive" aria-labelledby="headingFive" data-parent="#accordionExample" class="collapse">
2900                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2901                            <p class="font-weight-light m-0">You can check the movement amount of each landmark in well-organized table and export it as an Excel file.</p>
2902                            <img style="width:100%; border-radius: .25rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/treatment_table.png"/>
2903                        </div>
2904                    </div>
2905                </div><!-- End -->
2906
2907
2908                <!-- Accordion item 7 -->
2909                <div class="card mb-1">
2910                    <div id="headingSeven" class="card-header bg-white shadow-sm border-0">
2911                        <h2 class="mb-0">
2912                            <button type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven" class="btn btn-link text-dark collapsible-link">Profile Superimposition</button>
2913                        </h2>
2914                    </div>
2915                    <div id="collapseSeven" aria-labelledby="headingSeven" data-parent="#accordionExample" class="collapse">
2916                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2917                            <p class="font-weight-light m-0">The patient&#39;s facial profile pictures can be superimposed and saved as a video.</p>
2918                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/profile_plus.png"/> 
2919                        </div>
2920                    </div>
2921                </div><!-- End -->
2922
2923                <!-- Accordion item 8 -->
2924                <div class="card mb-1">
2925                    <div id="headingEight" class="card-header bg-white shadow-sm border-0">
2926                        <h2 class="mb-0">
2927                            <button type="button" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight" class="btn btn-link text-dark collapsible-link">Advanced Caseroom Features</button>
2928                        </h2>
2929                    </div>
2930                    <div id="collapseEight" aria-labelledby="headingEight" data-parent="#accordionExample" class="collapse">
2931                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2932                            <p class="font-weight-light m-0">WebCeph PLUS allows you to organize clinical cases in a more diverse format. You can save the case images directly in WebCeph PLUS.</p>
2933                            <img style="margin-top: 10px; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; width:58%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/caseroom_plus_01.png"/>
2934                            <img style="margin-top: 10px; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; width:42%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/caseroom_plus_02.png"/>
2935                        </div>
2936                    </div>
2937                </div><!-- End -->
2938
2939                <!-- Accordion item 9 -->
2940                <div class="card mb-1">
2941                    <div id="headingNine" class="card-header bg-white shadow-sm border-0">
2942                        <h2 class="mb-0">
2943                            <button type="button" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine" class="btn btn-link text-dark collapsible-link">Multiple Analysis Comparison Chart</button>
2944                        </h2>
2945                    </div>
2946                    <div id="collapseNine" aria-labelledby="headingNine" data-parent="#accordionExample" class="collapse">
2947                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2948                            <p class="font-weight-light m-0">WebCeph PLUS provides the ability to compare measurements of different treatment stages in an analysis chart.</p>
2949                            <img style="margin-top: 10px; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem;  width:53.5%;  display: inline-block;" src="https://public-assets.webceph.com/static/img/multiple_comparison_plus1.png"/>
2950                            <img style="margin-top: 10px; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; width:46.5%;  margin-left: -4px; display: inline-block;" src="https://public-assets.webceph.com/static/img/multiple_comparison_plus2.png"/>
2951                        </div>
2952                    </div>
2953                </div><!-- End -->
2954
2955                <!-- Accordion item 10 -->
2956                <div class="card mb-1">
2957                    <div id="headingTen" class="card-header bg-white shadow-sm border-0">
2958                        <h2 class="mb-0">
2959                            <button type="button" data-toggle="collapse" data-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen" class="btn btn-link text-dark collapsible-link">Image Crop Feature</button>
2960                        </h2>
2961                    </div>
2962                    <div id="collapseTen" aria-labelledby="headingTen" data-parent="#accordionExample" class="collapse">
2963                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2964                            <p class="font-weight-light m-0">In the Viewer tab of WebCeph PLUS, the function to crop and edit clinical pictures is provided.
2964</p>
2965                            <img style="margin-top: 10px; width:100%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/image_crop_plus.png"/> 
2966                            
2967                        </div>
2968                    </div>
2969                </div><!-- End -->
2970
2971                <!-- Accordion item 11 -->
2972                <div class="card mb-1">
2973                    <div id="headingEleven" class="card-header bg-white shadow-sm border-0">
2974                        <h2 class="mb-0">
2975                            <button type="button" data-toggle="collapse" data-target="#collapseEleven" aria-expanded="false" aria-controls="collapseEleven" class="btn btn-link text-dark collapsible-link">Toosapp PLUS Features</button>
2976                        </h2>
2977                    </div>
2978                    <div id="collapseEleven" aria-labelledby="headingEleven" data-parent="#accordionExample" class="collapse">
2979                        <div class="card-body p-4" style="text-align: left; background-color: #f8f8f8;">
2980                            <p class="font-weight-light m-0">WebCeph PLUS provides additional features of Toosapp to communicate with patients.</p>
2981                            <img style="width:45%; margin-top: 10px; border-top-left-radius: .8rem; border-bottom-left-radius: .8rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/webceph_toosapp_plus.png"/><img style="width:30%; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; display: inline-block; margin-top: -5px" src="https://public-assets.webceph.com/static/img/toosapp_plus_01.png"/>
2982                        </div>
2983                    </div>
2984                </div><!-- End -->
2985
2986            </div><!-- End -->
2987
2988           <!--  <ul class="list-group list-group-flush">
2989              
2990              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
2991                <small>Ad-Free</small> <i class="fe fe-check-circle text-success"></i>
2992              </li>
2993              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
2994                <small>Extra Landmarks of Tracing</small> <i class="fe fe-check-circle text-success"></i>
2995              </li>
2996              
2997              <li class="list-group-item align-items-center px-0">
2998                <div class="row">
2999                  <div class="col px-0" style="text-align: left;">
3000                    <p class="mb-0"><small>Maxilla/Mandible/Multiple Superimposition</small></p>
3001                    <img style="width:33%; border-top-left-radius: .8rem; border-bottom-left-radius: .8rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/super_03_plus.png"/><img style="width:32%; border-top-right-radius: .5rem; margin-left: -38px; border-bottom-right-radius: .5rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/super_04_plus.png"/>
3002                  </div>                  
3003                  <div class="col-auto px-0" style="margin: auto;">
3004                    <i class="fe fe-check-circle text-success"></i>
3005                  </div>
3006                </div>
3007                
3008              </li>                           
3009              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3010                <small>Clinic Logo on PDF Report</small> <i class="fe fe-check-circle text-success"></i>
3011              </li>  
3012              <li class="list-group-item align-items-center px-0">
3013                <div class="row">
3014                  <div class="col px-0" style="text-align: left;">
3015                    <p class="mb-0"><small>Movement Table of Landmarks of STO/VTO</small></p>
3016                    <img style="width:35%; border-top-left-radius: .8rem; border-bottom-left-radius: .8rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/vto_sto.png"/><img style="width:20%; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; margin-left: -2px; display: inline-block;" src="https://public-assets.webceph.com/static/img/vto_sto_table_plus.png"/>
3017                  </div>                  
3018                  <div class="col-auto px-0" style="margin: auto;">
3019                    <i class="fe fe-check-circle text-success"></i>
3020                  </div>
3021                </div>
3022                
3023              </li> 
3024
3025              <li class="list-group-item align-items-center px-0">
3026                <div class="row">
3027                  <div class="col px-0" style="text-align: left;">
3028                    <p class="mb-0"><small>Automated Timelapse Video</small></p>
3029                    <img style="width:80%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/plus_pricing_1.png"/> 
3030                  </div>                  
3031                  <div class="col-auto px-0" style="margin: auto;">
3032                    <i class="fe fe-check-circle text-success"></i>
3033                  </div>
3034                </div>                
3035              </li> 
3036              <li class="list-group-item align-items-center px-0">
3037                <div class="row">
3038                  <div class="col px-0" style="text-align: left;">
3039                    <p class="mb-0"><small>Profile Superimposition</small></p>
3040                    <img style="width:35%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/profile_plus.png"/> 
3041                  </div>                  
3042                  <div class="col-auto px-0" style="margin: auto;">
3043                    <i class="fe fe-check-circle text-success"></i>
3044                  </div>
3045                </div>
3046                
3047              </li> 
3048             <li class="list-group-item align-items-center px-0">
3049                <div class="row">
3050                  <div class="col px-0" style="text-align: left;">
3051                    <p class="mb-0"><small>Advanced Caseroom Features</small></p>
3052                    <img style="width:35%; border-radius: .25rem;" src="https://public-assets.webceph.com/static/img/caseroom_plus.png"/> 
3053                  </div>                  
3054                  <div class="col-auto px-0" style="margin: auto;">
3055                    <i class="fe fe-check-circle text-success"></i>
3056                  </div>
3057                </div>
3058                
3059              </li> 
3060               
3061
3062              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3063                <small>Multiple Analysis Comparison Chart</small> <i class="fe fe-check-circle text-success"></i>
3064              </li>
3065              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3066                <small>Viewer Crop Function</small> <i class="fe fe-check-circle text-success"></i>
3067              </li>
3068              <li class="list-group-item align-items-center px-0">
3069                <div class="row">
3070                  <div class="col px-0" style="text-align: left;">
3071                    <p class="mb-0"><small>Toosapp PLUS Features</small></p>
3072                    <img style="width:35%; border-top-left-radius: .8rem; border-bottom-left-radius: .8rem; display: inline-block;" src="https://public-assets.webceph.com/static/img/webceph_toosapp_plus.png"/><img style="width:20%; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; display: inline-block; margin-top: -15px" src="https://public-assets.webceph.com/static/img/toosapp_plus_01.png"/>
3073                  </div>                  
3074                  <div class="col-auto px-0" style="margin: auto;">
3075                    <i class="fe fe-check-circle text-success"></i>
3076                  </div>
3077                </div>
3078                
3079              </li> 
3080              
3081            </ul> -->
3082          </div>
3083
3084                
3085
3086
3087        </div>
3088      </div>
3089
3090    </div>
3091  </div>
3092  <div class="row justify-content-center">
3093
3094
3095    <div class="col-xl-8 pl-3 pr-3">
3096      
3097      <!-- Card -->
3098      <div class="card" style="position: relative; border: 1px solid #eee;">
3099           <!-- <div class="ribbon"><span>Beta</span></div> -->
3100        <div class="card-body" style="text-align: center;">
3101
3102          <div class="row">
3103            <div class="col">
3104              <img src="https://public-assets.webceph.com/static/img/WebCeph_72x72.png" id="navbar_brand_img" class="mx-auto" alt="WEBCEPH" style="width: 30px; height: 30px; margin-top: -18px; display: inline-block; margin-right: 5px !important;">
3105                  <h1 class="text-center my-3" style="display: inline-block; font-size: 30px;">
3106                    <!-- <strong>WEB</strong><span style="color: #aaa; font-weight: lighter;">CEPH</span> -->
3107                    <strong>WEB</strong><span style="font-weight: lighter;">CEPH</span>
3108                  </h1>
3109
3110            </div>
3111          </div>
3112          <!-- <h1 class="mt-5 mb-5" style="font-weight: lighter; font-size: 23px;">Free but Powerful</h1> -->
3113
3114          <a href="/en/register/" class="btn btn-lg btn-webceph-2 mt-5" role="button">START NOW</a>
3115          
3116          <div class="row mt-4">
3117            <div class="col" style="text-align: center;">
3118
3119              <h2 class="" style="font-weight: lighter;"><span style="font-size: 30px;">FREE</span>/ month</h2>
3120
3121            </div>
3122          </div>
3123
3124
3125          <!-- <a href="" class="btn btn-lg btn-block btn-light" role="button">START 1 MONTH FREE TRIAL</a> -->
3126
3127          <hr>
3128
3129          <!-- Features -->
3130          <div class="mb-3">
3131            <ul class="list-group list-group-flush">
3132              
3133                  <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3134                    <small>Automated Cephalo Tracing</small> <i class="fe fe-check-circle "></i>
3135                  </li>
3136                  <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3137                    <small>Various Cephalometric Analysis</small> <i class="fe fe-check-circle "></i>
3138                  </li>
3139                  <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3140                    <small>VTO/STO Simulation</small> <i class="fe fe-check-circle "></i>
3141                  </li>
3142                  <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3143                    <small>Automated Superimposition</small> <i class="fe fe-check-circle "></i>
3144                  </li>
3145                  <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3146                    <small>Image Gallery</small> <i class="fe fe-check-circle "></i>
3147                  </li>
3148                  <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3149                    <small>Case Review and Caseroom</small> <i class="fe fe-check-circle "></i>
3150                  </li>
3151            </ul>
3152          </div>
3153
3154                
3155
3156
3157        </div>
3158      </div>
3159
3160    </div>
3161
3162  </div>
3163
3164</div>
3165<!--     <div class="col-12 col-lg-1 text-center" style="margin-top: auto; margin-bottom: auto;">
3166      <h1 style="font-size: 100px">+</h1>
3167    </div> -->
3168
3169    <!-- <div class="col-12 col-lg-3 "> -->
3170      
3171      <!-- Card -->
3172     <!--  <div class="card" style="height: 615.8px;">
3173        <div class="card-body">
3174      -->     
3175          <!-- Title -->
3176   <!--        <h1 class="text-center my-4">
3177            <span style="color: #aaa; font-weight: lighter;">WEBCEPH</span> <strong>PREMIUM</strong>
3178          </h1>
3179
3180          <div style="display: table; height: 448px;">
3181          <p class="text-center" style="font-size: 1rem; font-weight: lighter; display: table-cell; vertical-align: middle; color: #6e84a3; margin: auto;">All features of WEBCEPH currently released are free and available in WEBCEPH ESSENTIAL. <br><br>Advanced features are under development and will be added to WEBCEPH PREIMUM.<br><br>Premium plans for professional users will be available soon.</p>
3182          </div> -->
3183
3184
3185          <!-- Price -->
3186          <!-- <div class="row no-gutters align-items-center justify-content-center">
3187            <div class="col-auto">
3188              <div class="h2 mb-0">$</div>
3189            </div>
3190            <div class="col-auto">
3191              <div class="display-2 mb-0">0</div>
3192            </div>
3193          </div>  -->
3194          
3195          <!-- Period -->
3196<!--           <div class="h6 text-uppercase text-center text-muted mb-5">
3197            / month
3198          </div>
3199 -->
3200          <!-- Features -->
3201<!--           <div class="mb-3">
3202            <ul class="list-group list-group-flush">
3203              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3204                <span>Number of Records</span> <span><b>Unlimited</b></span>
3205              </li>
3206
3207              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3208                <small>Automated Cephalo Tracing</small> <i class="fe fe-check-circle text-success"></i>
3209              </li>
3210              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3211                <small>Various Cephalometric Analysis</small> <i class="fe fe-check-circle text-success"></i>
3212              </li>
3213              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3214                <small>VTO/STO Simulation</small> <i class="fe fe-check-circle text-success"></i>
3215              </li>
3216              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3217                <small>Automated Superimposition</small> <i class="fe fe-check-circle text-success"></i>
3218              </li>
3219              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3220                <small>Image Gallery</small> <i class="fe fe-check-circle text-success"></i>
3221              </li>
3222              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3223                <small>Case Review and Caseroom</small> <i class="fe fe-check-circle text-success"></i>
3224              </li>
3225            </ul>
3226          </div>
3227
3228 -->         
3229    <!--       <div class="btn btn-lg btn-block btn-light disabled" role="button" disabled>UPCOMING</div>
3230
3231        </div>
3232      </div>
3233
3234    </div>
3235
3236 -->
3237   <!--  <div class="col-12 col-lg-4">
3238      
3239      <div class="card">
3240        <div class="card-body">
3241          
3242          <h1 class="text-center my-4">
3243            <span style="color: #aaa; font-weight: lighter;">WEBCEPH</span> <strong>STANDARD</strong>
3244          </h1>
3245          <div class="h6 text-uppercase text-center text-muted">
3246            3 months of free trial
3247          </div>
3248          <div class="row no-gutters align-items-center justify-content-center">
3249            <div class="col-auto">
3250              <div class="h2 mb-0">$</div>
3251            </div>
3252            <div class="col-auto">
3253              <div class="display-2 mb-0">9.99</div>
3254            </div>
3255          </div> 
3256          
3257          <div class="h6 text-uppercase text-center text-muted mb-5">
3258            / month
3259          </div>
3260
3261          <div class="mb-3">
3262            <ul class="list-group list-group-flush">
3263              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3264                <span>Number of Records</span> <span><b>Unlimited</b></span>
3265              </li>
3266              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3267                <span>Max. number of Concurrent Connection</span> <span><b>2</b></span>
3268              </li>
3269              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3270                <small>Automated Cephalo Tracing</small> <i class="fe fe-check-circle text-success"></i>
3271              </li>
3272              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3273                <small>Various Cephalometric Analysis</small> <i class="fe fe-check-circle text-success"></i>
3274              </li>
3275              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3276                <small>VTO/STO Simulation</small> <i class="fe fe-check-circle text-success"></i>
3277              </li>
3278              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3279                <small>Automated Superimposition</small> <i class="fe fe-check-circle text-success"></i>
3280              </li>
3281              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3282                <small>Image Gallery</small> <i class="fe fe-check-circle text-success"></i>
3283              </li>
3284              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3285                <small>Case Review and Caseroom</small> <i class="fe fe-check-circle text-success"></i>
3286              </li>
3287              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3288                <small>Advanced STO/VTO Features</small> <i class="fe fe-check-circle text-success"></i>
3289              </li>
3290              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3291                <small>Clinic Logo on PDF report form</small> <i class="fe fe-check-circle text-success"></i>
3292              </li>
3293              
3294            </ul>
3295          </div>
3296
3297         
3298          <div class="btn btn-lg btn-block btn-light disabled" role="button" disabled>Standard Features under Development</div>
3299
3300        </div>
3301      </div>
3302
3303    </div>
3304    <div class="col-12 col-lg-4">
3305      
3306      <div class="card">
3307        <div class="card-body">
3308          
3309          <h1 class="text-center my-4">
3310            <span style="color: #aaa; font-weight: lighter;">WEBCEPH</span> <strong>PREMIUM</strong>
3311          </h1>
3312          <div class="h6 text-uppercase text-center text-muted">
3313            3 months of free trial
3314          </div>
3315          
3316          <div class="row no-gutters align-items-center justify-content-center">
3317            <div class="col-auto">
3318              <div class="h2 mb-0">$</div>
3319            </div>
3320            <div class="col-auto">
3321              <div class="display-2 mb-0">49.99</div>
3322            </div>
3323            
3324          </div> 
3325
3326          <div class="h6 text-uppercase text-center text-muted mb-5">
3327            / month
3328          </div>
3329
3330          <div class="text-center my-4">
3331              <div class="h-2 mb-0">+ $9.99 for 1 additional connection</div>
3332            </div>
3333
3334          <div class="mb-3">
3335            <ul class="list-group list-group-flush">
3336              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3337                <span>Number of Records</span> <span><b>Unlimited</b></span>
3338              </li>
3339              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3340                <span>Max. number of Concurrent Connection</span> <span><b>5</b></span>
3341              </li>
3342              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3343                <small>Automated Cephalo Tracing</small> <i class="fe fe-check-circle text-success"></i>
3344              </li>
3345              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3346                <small>Various Cephalometric Analysis</small> <i class="fe fe-check-circle text-success"></i>
3347              </li>
3348              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3349                <small>VTO/STO Simulation</small> <i class="fe fe-check-circle text-success"></i>
3350              </li>
3351              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3352                <small>Automated Superimposition</small> <i class="fe fe-check-circle text-success"></i>
3353              </li>
3354              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3355                <small>Image Gallery</small> <i class="fe fe-check-circle text-success"></i>
3356              </li>
3357              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3358                <small>Case Review and Caseroom</small> <i class="fe fe-check-circle text-success"></i>
3359              </li>
3360              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3361                <small>Professional STO/VTO Features</small> <i class="fe fe-check-circle text-success"></i>
3362              </li>
3363              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3364                <small>Professional PDF report form</small> <i class="fe fe-check-circle text-success"></i>
3365              </li>
3366              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3367                <small>Study Group Features (Discussion and Share Custom Analysis)</small> <i class="fe fe-check-circle text-success"></i>
3368              </li>
3369              <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3370                <small>Orthodontic Specialized Charting</small> <i class="fe fe-check-circle text-success"></i>
3371              </li>
3372            </ul>
3373          </div>
3374
3375         
3376          <div class="btn btn-lg btn-block btn-light disabled" role="button" disabled>Premium Features under Development</div>
3377
3378        </div>
3379      </div>
3380
3381    </div>
3382  </div> 
3383 
3384</div> -->
3385
3386<!-- <div class="container">
3387
3388  <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
3389        <h3 class="feature-heading">WebCeph&#x2122; Pricing</h3><br>
3390        <p class="feature-body">
3391        Welcome.<br>
3392        Doctors from the world who love something new.<br>
3393        WebCeph&#x2122; is an innovative orthodontic and orthognathic analysis platform for dentist.<br>
3394        You can use all features of WebCeph&#x2122; for free now.<br>
3395        If you haven’t registered yet, feel free to sign up.<br>
3396        The pricing of some features may change in the future.
3397      </p>      
3398         
3399        
3400  </div>
3401
3402
3403
3404
3405
3406</div>
3407 -->
3408
3409        <!-- <div class="container"> -->
3410          <!-- <div class="row justify-content-center mt-6 mb-6">
3411            <div class="col-12">
3412              
3413              <h1 class="display-3 text-center" style="color: #031a3f;">
3414                WebCeph&#x2122; Pricing
3415              </h1>
3416              
3417              <p class="lead text-center" style="color: #031a3f;">
3418                WebCeph&#x2122; is currently in beta, with unlimited free access to all features. <br>The pricing plan below will be activated on <b>June 1, 2020</b>. <br>Until then, feel free to try out all the features of WebCeph&#x2122;.
3419              </p>
3420
3421            </div>
3422          </div> 
3423 -->
3424
3425
3426
3427
3428
3429                  <!-- <div class="row row-pricing"> -->
3430         <!--  <div class="col-12 col-lg-3">
3431            
3432            <div class="card">
3433              <div class="card-header" style="background-color: #8edaf7; color: #031a3f;">
3434              
3435                <h3 class="text-center" style="margin-bottom: 0px;">
3436                  Student / Resident / Researcher
3437                </h3>
3438
3439              </div>
3440              <div class="card-body">
3441                
3442                
3443                <div class="row no-gutters align-items-center justify-content-center">
3444                  
3445                  <div class="col-auto">
3446                    <div class="display-4 mb-0 ml-2">Free</div>
3447                  </div>
3448                </div> 
3449                
3450                <div class="h6 text-uppercase text-center mb-5" style="color: white;">
3451                  / month
3452                </div>
3453
3454                <div class="mb-3">
3455                  <ul class="list-group list-group-flush">
3456                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3457                      <span>Storage</span> <span><b>300 records</b></span>
3458                    </li>
3459                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3460                      <small>Auto Tracing and Cephalo Analysis</small> <i class="fe fe-check-circle text-success"></i>
3461                    </li>
3462                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3463                      <small>Visual Treatment Simulation</small> <i class="fe fe-check-circle text-success"></i>
3464                    </li>
3465                    
3466                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3467                      <small>Auto Superimposition</small> <i class="fe fe-check-circle text-success"></i>
3468                    </li>
3469                  </ul>
3470                </div>
3471
3472                <a href="/en/register/" class="btn btn-lg btn-block btn-webceph-3" role="button">Sign up for free</a>
3473
3474
3475              </div>
3476            </div>
3477
3478          </div> -->
3479
3480      <!-- <div class="card-deck mb-3 text-center"> -->
3481<!--         <div class="row">
3482        <div class="offset-lg-3 col-lg-6">
3483        <div class="card mb-4 box-shadow text-center" style="">
3484          <div class="card-header" style="background-color: #8edaf7;">
3485            <h3 class="my-0 feature-heading">WebCeph&#x2122; Free Trial</h3>
3486          </div>
3487          <div class="card-body">
3488           
3489            <ul class="list-unstyled mt-3 mb-4">
3490              <li>Create patient’s record.</li>
3491              <li>Analyze Cephalogram with A.I.</li>
3492              <li>New analyis continue to be added.</li>
3493              <li>Visual Treatment Simulation</li>
3494              <li>Auto-Superimposition</li>
3495            </ul>
3496            
3497            <a href="/en/register/" class="btn btn-lg btn-block btn-webceph-3" role="button">Sign up for free</a>
3498
3499          </div>
3500        </div>
3501        </div>
3502      </div> -->
3503    <!-- </div> -->
3504<!-- 
3505
3506          <div class="col-12 col-lg-4">
3507            
3508            <div class="card">
3509              <div class="card-header" style="background-color: #8edaf7; color: #031a3f;">
3510              
3511                <h3 class="text-center" style="margin-bottom: 0px;">
3512                  Basic
3513                </h3>
3514
3515              </div>
3516              <div class="card-body">
3517                
3518                
3519                <div class="row no-gutters align-items-center justify-content-center">
3520        
3521                  <div class="col-auto">
3522                    <div class="display-4 mb-0 ml-2">Free</div>
3523                  </div>
3524                </div> 
3525                
3526                <div class="h6 text-uppercase text-center mb-5" style="color: white;">
3527                  / month
3528                </div>
3529
3530                <div class="mb-3">
3531                  <ul class="list-group list-group-flush">
3532                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3533                      <span>Storage</span> <span><b>300 records</b></span>
3534                    </li>
3535                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3536                      <small>Auto Tracing and Cephalo Analysis</small> <i class="fe fe-check-circle text-success"></i>
3537                    </li>
3538                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3539                      <small>Visual Treatment Simulation</small> <i class="fe fe-check-circle text-success"></i>
3540                    </li>
3541                    
3542                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3543                      <small>Auto Superimposition</small> <i class="fe fe-check-circle text-success"></i>
3544                    </li>
3545                  </ul>
3546                </div>
3547
3548                <a href="/en/register/" class="btn btn-lg btn-block btn-webceph-3" role="button">Sign up for free</a>
3549
3550
3551              </div>
3552            </div>
3553
3554          </div>
3555          <div class="col-12 col-lg-4">
3556            
3557            <div class="card">
3558              <div class="card-header" style="background-color: #eee; color: #031a3f;">
3559              
3560                <h3 class="text-center" style="margin-bottom: 0px;">
3561                  Plus
3562                </h3>
3563
3564              </div>
3565
3566              <div class="card-body">
3567                
3568                
3569                <div class="row no-gutters align-items-center justify-content-center">
3570            
3571                  <div class="col-auto">
3572                    <div class="display-4 mb-0 ml-2" style="color: #ddd;">Not determined</div>
3573                  </div>
3574                </div> 
3575                <div class="h6 text-uppercase text-center mb-5" style="color: white;">
3576                  / month
3577                </div>
3578
3579                <div class="mb-3">
3580                  <ul class="list-group list-group-flush">
3581                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3582                      <small>All features of Basic plan</small> <i class="fe fe-check-circle text-success"></i>
3583                    </li>
3584                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3585                      <small>Advanced Cephalometric Analysis</small> <i class="fe fe-check-circle text-success"></i>
3586                    </li>
3587                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3588                      <small>Advanced VTO features</small> <i class="fe fe-check-circle text-success"></i>
3589                    </li>
3590                    
3591                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3592                      <small>Advanced Superimposition</small> <i class="fe fe-check-circle text-success"></i>
3593                    </li>
3594                  </ul>
3595                </div>
3596
3597                <a href="#!" class="btn btn-block btn-light disabled">                  
3598                    Open on June 1, 2020.
3599                </a>
3600
3601              </div>
3602            </div>
3603
3604          </div>
3605          <div class="col-12 col-lg-4">
3606            
3607            <div class="card">
3608              <div class="card-header" style="background-color: #eee; color: #031a3f;">
3609              
3610                <h3 class="text-center" style="margin-bottom: 0px;">
3611                  Professional
3612                </h3>
3613
3614              </div>
3615
3616              <div class="card-body">
3617                
3618                
3619                <div class="row no-gutters align-items-center justify-content-center">
3620                  
3621                  <div class="col-auto">
3622                    <div class="display-4 mb-0 ml-2" style="color: #ddd;">Not determined</div>
3623                  </div>
3624                </div> 
3625                <div class="h6 text-uppercase text-center mb-5" style="color: white;">
3626                  / month
3627                </div>
3628
3629                <div class="mb-3">
3630                  <ul class="list-group list-group-flush">
3631                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3632                      <small>All feature of Plus plan</small> <i class="fe fe-check-circle text-success"></i>
3633                    </li>
3634                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3635                      <small>Everything in Advanced</small> <i class="fe fe-check-circle text-success"></i>
3636                    </li>
3637                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3638                      <small>Individualized support</small> <i class="fe fe-check-circle text-success"></i>
3639                    </li>
3640                    
3641                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
3642                      <small>Need more?</small> <small>Contact Us</small>
3643                    </li>
3644                  </ul>
3645                </div>
3646
3647                <a href="#!" class="btn btn-block btn-light disabled">
3648                  Open on June 1, 2020.
3649                </a>
3650
3651              </div>
3652            </div>
3653
3654          </div>
3655        </div>
3656
3657        <div class="row pt-3 pb-5">
3658          <div class="col-md-4 offset-md-4">
3659            <a class="btn btn-grad btn-block">Are you a student or researcher? Click Here!</a>
3660          </div>
3661        </div>
3662
3663
3664        </div> -->
3665
3666<!--       <div class="container-fluid">
3667
3668      </div> 
3669 -->
3670
3671<!-- 
3672      <div class="card-deck mb-3 text-center">
3673        <div class="card mb-4 box-shadow">
3674          <div class="card-header" style="background-color: #8edaf7;">
3675            <h4 class="my-0 font-weight-normal">WebCeph&#x2122; Free Trial</h4>
3676          </div>
3677          <div class="card-body">
3678           
3679            <ul class="list-unstyled mt-3 mb-4">
3680              <li>Create patient’s record.</li>
3681              <li>Analyze Cephalogram with A.I.</li>
3682              <li>New analyis continue to be added.</li>
3683              <li>Visual Treatment Simulation</li>
3684              <li>Auto-Superimposition</li>
3685            </ul>
3686            
3687            <a href="/en/register/" class="btn btn-lg btn-block btn-outline-primary" role="button">Sign up for free</a>
3688
3689          </div>
3690        </div>
3691
3692        
3693        <div class="card mb-4 box-shadow">
3694          <div class="card-header">
3695            <h4 class="my-0 font-weight-normal">WebCeph&#x2122; Pro: Monthly Plan</h4>
3696          </div>
3697          <div class="card-body">
3698            <h1 class="card-title pricing-card-title">Not decided yet</h1>
3699            <ul class="list-unstyled mt-3 mb-4">
3700              <li>Well. I just made this option for the future.</li>
3701              <li>
3701This option might be activated when WebCeph becomes much better.</li>
3702              <li>But it will take some time.</li>
3703              <li>So, feel free to use until upgrades are complete.</li>
3704            </ul>
3705            <button type="button" class="btn btn-lg btn-block btn-primary" disabled>Get started</button>
3706          </div>
3707        </div>
3708
3709
3710
3711        <div class="card mb-4 box-shadow">
3712          <div class="card-header">
3713            <h4 class="my-0 font-weight-normal">Enterprise</h4>
3714          </div>
3715          <div class="card-body">
3716            <h1 class="card-title pricing-card-title">$29 <small class="text-muted">/ mo</small></h1>
3717            <ul class="list-unstyled mt-3 mb-4">
3718              <li>30 users included</li>
3719              <li>15 GB of storage</li>
3720              <li>Phone and email support</li>
3721              <li>Help center access</li>
3722            </ul>
3723            <button type="button" class="btn btn-lg btn-block btn-primary">Contact us</button>
3724          </div>
3725        </div>
3726      </div> -->
3727
3728<!-- </div> -->
3729  <!-- 
3730 -->
3731
3732
3733  </div>
3734
3735
3736  
3737
3738<!-- Add icon library -->
3739<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
3740<link href="https://public-assets.webceph.com/static/css/font-awesome.min.css" rel="stylesheet">   
3741<style>
3742.sns-btn {
3743  padding-top: 8px;
3744  font-size: 15px;
3745  width: 30px;
3746  height: 30px;
3747  text-align: center;
3748  text-decoration: none;
3749  margin: 5px 2px;
3750  border-radius: 50%;
3751  /*background: #666;
3752  color: white;*/
3753  background: #fff;
3754  color: #031a3f;
3755  box-shadow: 3px 4px 10px -1px #b5b5b5ab;
3756      moz-transition: all .4s ease-in-out;
3757    -o-transition: all .4s ease-in-out;
3758    -webkit-transition: all .4s ease-in-out;
3759    transition: all .4s ease-in-out;
3760}
3761
3762#gdpr_cert{
3763   /*margin-top: -20px; */
3764   margin-bottom: 10px;
3765}
3766
3767.sns-btn:hover {
3768/*    color: #666;
3769    background-color: #fff;
3770    border: 1px solid #333;*/
3771    background-color: #031a3f !important; 
3772    color: white;
3773    /*box-shadow: 0px 3px 10px rgba(0,0,0,.25);*/
3774}
3775@media(min-width:768px){
3776/*  .pc-only{
3777    display: block;
3778  }*/
3779  .mobile-only{
3780    display: none;
3781  }
3782}
3783
3784@media(max-width:767px){
3785
3786  .footer-sns-row{
3787      /*flex-flow: column-reverse;*/
3788  }
3789  #gdpr_cert{
3790   margin-top: 0px; 
3791   margin-bottom: 0px;
3792  }
3793  .pc-only{
3794    display: none;
3795  }
3796/*  .mobile-only{
3797    display: block;
3798  }*/
3799  
3800}
3801
3802
3803</style>
3804
3805<footer class="footer" style="text-align: left; position:relative;z-index: 1; background-color: #fff; border-top: 1px solid #e3ebf6; font-size: 13px;">
3806  <div class="container">
3807    <div class="row footer-sns-row">        
3808      <div class="col-md-6">
3809        <div class="footer_info_top mb-2">
3810          <span class="is-hidden-mobile"><a href="/"><img id="footer_ac_logo" src="https://public-assets.webceph.com/static/img/assemblecircle_LOGO_sm.png" style="height: 23px; margin-bottom: 5px;"></a></span>
3811          <!-- <span>&nbsp;|&nbsp; <a href="/en/privacy/">Privacy Policy</a></span> -->
3812          
3813          <span class="for_korea">&nbsp;|&nbsp; <a href="/en/policy/korea/privacy">Privacy Policy</a></span>
3814          <span class="for_global">&nbsp;|&nbsp; <a href="/en/policy/global/privacy">Privacy Policy</a></span>
3815          <span class="for_eu">&nbsp;|&nbsp; <a href="/en/policy/eu/privacy_policy">Privacy Policy</a></span>
3816          <span class="for_us">&nbsp;|&nbsp; <a href="/en/policy/us/privacy_policy">Privacy Policy</a></span>
3817
3818          <!-- <span>&nbsp;|&nbsp; <a href="/en/terms/">Terms</a></span> -->
3819
3820          <span class="for_korea">&nbsp;|&nbsp; <a href="/en/policy/korea/terms">Terms</a></span>
3821          <span class="for_global">&nbsp;|&nbsp; <a href="/en/policy/global/terms">Terms</a></span>
3822          <span class="for_eu">&nbsp;|&nbsp; <a href="/en/policy/eu/terms">Terms</a></span>
3823          <span class="for_us">&nbsp;|&nbsp; <a href="/en/policy/us/terms">Terms</a></span>
3824          <span class="">&nbsp;|&nbsp; <a href="/en/api/">API</a></span>
3825          <!-- <span class="">&nbsp;|&nbsp; <a href="mailto:[email protected]?subject=[WEBCEPH Ads Inquiry]">Advertising</a></span> -->
3826          <span class="dentweb_connect">&nbsp;|&nbsp; <a href="/en/plugin/">덴트웹 연동하기</a></span>
3827        </div>
3828        <div class="footer_info_bottom">
3829          <!-- <div>
3830            Company Information            
3831          </div> -->
3832          <div class="">
3833            <span>AssembleCircle Corp. | </span>
3834            <span>Representative : Yehyun Kim | </span>
3835            <span>Business Registration Number : 463-86-01499 (Republic of Korea) | </span>
3836            <span>Mail-order-sales registration number : 2021-성남분당C-0828 | </span>
3837            <span>Personal Information Officer : Yehyun Kim | </span>
3838            <span>Address : 411-ho, 4th floor, 240, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Republic of Korea | </span>
3839            <span>Contact :  <a href="tel:+82-031-697-0433">+82-31-697-0433</a> | </span>
3840            <span><a href="mailto:[email protected]">[email protected]</a></span> | <span>©ASSEMBLECIRCLE. ALL RIGHTS RESERVED</span>
3841          </div>
3842          
3843        </div>
3844        <div class="row pt-2">
3845          <div class="app_market" style="text-align: center; display: flex;">
3846              <a class="" href="https://play.google.com/store/apps/details?id=com.assemblecircle.webceph" target="_blank" style="margin: 0 4px 0 0;">
3847              <img alt="Available on Google Play" class="Rt8TI " src="https://public-assets.webceph.com/static/img/playstore.png" style="width: 100%; max-width: 125px;">
3848              </a>
3849              <a class="" href="https://apps.apple.com/app/webceph/id1534844081" target="_blank">
3850              <img alt="Available on the App Store" class="Rt8TI " src="https://public-assets.webceph.com/static/img/appstore.png" style="width: 100%; max-width: 125px;">
3851              </a>
3852          </div>
3853        </div>
3854      </div>
3855      <div class="col-md-3">
3856        <hr class="mobile-only">
3857        <div class="footer_info_bottom">
3858          
3859          <div class="ver_US">
3860            <a href="/en/about/" class="text-muted mb-2" style="font-weight: bold; display: block;">
3861              MEDICAL DEVICE INFORMATION            
3862            </a>
3863            <span>Device Name: WebCeph</span><br>
3864            <span>Manufacturer: AssembleCircle Corp.</span><br>
3865            <!-- <span>Address: 411-ho, 4F, 240 Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Republic of Korea</span><br> -->
3866<!-- 
3867            <span>Brand: WEBCEPH</span><br>
3868
3869            <span>Model: WEBCEPH</span><br> -->
3870
3871            <span>FDA Registered Software Version: 1.0.5</span><br>
3872
3873            <span>Date of Manufacture: 02/27/2026</span><br>
3874
3875            <div style="margin-bottom: 0px;"><span>FDA 510(k) Number: K220903</span></div>
3876          </div>
3877          <div class="ver_KR">
3878            <a href="/en/about/" class="text-muted mb-2" style="font-weight: bold; display: block;">
3879              의료기기 정보 표시           
3880            </a>
3881            <span>품목명: 치과영상치료계획소프트웨어</span><br>
3882
3883            <span>모델명: WebCeph</span><br>
3884
3885            <span>인증번호: D제인 21-4431호</span><br>
3886
3887            <span>제조업허가번호: D제7366호</span><br>
3888
3889            <!-- <span>부작용보고 관련 문의처:<br>한국의료기기안전정보원 080-080-4183</span><br> -->
3890
3891            <span>버전: 2.0.3</span><br>
3892
3893            <span>제조일자: 2026.02.27</span><br>
3894
3895          </div>
3896          <div class="ver_EU">
3897            <a href="/en/about/" class="text-muted mb-2" style="font-weight: bold; display: block;">
3898              MEDICAL DEVICE INFORMATION            
3899            </a>
3900            <span>Device Name: WebCeph</span><br>
3901            <span>Manufacturer: AssembleCircle Corp.</span><br>
3902            <span>Address: 411-ho, 4F, 240 Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Republic of Korea</span><br>
3903            <span>Software Version: 2.0.0</span><br>
3904            <span>Date of Manufacture: 09/26/2024</span><br>
3905
3906          </div>
3907
3908          <div class="row" style="position: relative;">
3909            <div class="col mb-2 pl-0">
3910              <a id="footer_manual_link_btn" class="btn btn-sm btn-light mt-1" style="padding-left: 1.75rem; padding-right: 1.75rem;" target="_blank" href="">WEBCEPH MANUAL</a>
3911            </div>
3912            <div class="col-auto" style="">
3913                <img src="https://public-assets.webceph.com/static/img/follow_instruction_for_use.png" alt="Follow Instru
3913ction for Use" style="height: 40px;"> 
3914            </div>
3915          </div>
3916        </div>
3917      </div>
3918      <div class="col-md-3 pt-2 pc-only">
3919        <div class="row mb-2">
3920          <div class="col pl-0" style="text-align: left;">
3921            <img class="ver_KR ver_EU" src="https://public-assets.webceph.com/static/img/udi_barcode_webceph.png" alt="WEBCEPH UDIDI" style="height: 51px; margin-right: 3px;">
3922
3923            <div class="ver_US" style="display: flex; align-items: flex-end; justify-content: space-between; width: 100%;">
3924              
3925              <div style="display: flex; align-items: flex-end;">
3926                <img
3927                  src="https://public-assets.webceph.com/static/img/webceph_gs1_gudid_standard.gif"
3928                  alt="UDI code"
3929                  style="height: 60px; width: auto; display: block;"
3930                >
3931
3932
3933                <div class="ml-3">
3934                  <p class="mb-1">(01) 08800183400008
3935                  <br>(11) 260227
3936                  <br>(8012) 1.0.5</p>
3937                </div>
3938              </div>
3939
3940            </div>
3941
3942            <!-- ***************** CE ****************** -->
3943      <!--       <img class="ver_KR ver_EU" src="https://public-assets.webceph.com/static/img/ce0068.png" alt="Basic UDI-DI" style="max-height: 45px; margin-right: 3px;">
3944            <img class="ver_KR ver_EU" src="https://public-assets.webceph.com/static/img/md_ce_symbol.png" alt="CE MD Symbol" style="max-height: 20px;"> -->
3945
3946            <!-- ***************** CE ****************** -->
3947          </div>
3948          <!-- <p style="margin-bottom: 0px;">UDI-DI 08800183400008</p> -->
3949        </div>
3950        
3951        <!-- ***************** CE ****************** -->
3952      <!--   <div class="ver_KR ver_EU">  
3953          <div style="width:20%; display: inline-block; vertical-align: top;"><img src="https://public-assets.webceph.com/static/img/ecRep.jpg" alt="EC REP" style="width: 100%; max-width: 80px;"></div><div style="padding-left: 8px; width: 80%; display: inline-block;">Advena Ltd. Tower Business Centre, 2nd Flr., Tower Street, Swatar, BKR 4013 Malta</div>
3954        </div> -->
3955        <!-- ***************** CE ****************** -->
3956        <div class="row mt-3" id="gdpr_cert" style="justify-content: center;">
3957          <div class="col-lg-5 pl-0">
3958            <img src="https://public-assets.webceph.com/static/img/getwebcertificate.png" alt="Prighter certificate of Art 27 representation" style="width: 100%;">
3959          </div>
3960          <div class="col-lg-7 px-0 pt-2 pb-0" style="justify-content: center;">
3961<!--             <a href="https://web.facebook.com/groups/WebCeph.X" target="_blank" class="sns-btn fa fa-facebook mx-1"></a>
3962            <a href="https://www.youtube.com/c/webcephx" target="_blank" class="sns-btn fab fa-youtube mx-1"></a>
3963            <a href="https://www.instagram.com/webceph_x/" target="_blank" class="sns-btn fa fa-instagram mx-1"></a> -->
3964          </div>
3965        </div>
3966
3967      </div>
3968
3969
3970      <div class="col-md-3 mobile-only">
3971        <div class="row mb-2 mt-3">
3972          <div class="col pl-0" style="text-align: left;">
3973            <img class="ver_KR ver_EU" src="https://public-assets.webceph.com/static/img/webceph_udidi.png" alt="WEBCEPH UDIDI" style="margin-right: 10px;">
3974
3975            <div class="ver_US" style="display: flex; align-items: flex-end; justify-content: space-between; width: 100%;">
3976              
3977              <div style="display: flex; align-items: flex-end;">
3978                <img
3979                  src="https://public-assets.webceph.com/static/img/webceph_gs1_gudid_standard.gif"
3980                  alt="UDI code"
3981                  style="height: 70px; width: auto; display: block;"
3982                >
3983
3984
3985                <div class="ml-3">
3986                  <p class="mb-1">(01) 08800183400008
3987                  <br>(11) 260227
3988                  <br>(8012) 1.0.5</p>
3989                </div>
3990              </div>
3991
3992            </div>
3993
3994            <!-- ***************** CE ****************** -->
3995          <!--   <img class="ver_KR ver_EU" src="https://public-assets.webceph.com/static/img/ce0068.png" alt="Basic UDI-DI" style="max-height: 45px; margin-right: 3px;">
3996            <img class="ver_KR ver_EU" src="https://public-assets.webceph.com/static/img/md_ce_symbol.png" alt="CE MD Symbol" style="max-height: 20px;"> -->
3997            <!-- ***************** CE ****************** -->
3998
3999            <!-- <img src="https://public-assets.webceph.com/static/img/follow_instruction_for_use.png" alt="Follow Instru
3999ction for Use" style="height: 40px; margin-bottom: 8px;">  -->
4000          </div>
4001        </div>
4002
4003        <!-- ***************** CE ****************** -->
4004        <div class="ver_EU">  
4005          <div style="width:20%; display: inline-block; vertical-align: top;"><img src="https://public-assets.webceph.com/static/img/ecRep.jpg" alt="EC REP" style="width: 100%; max-width: 80px;"></div><div style="padding-left: 8px; width: 80%; display: inline-block;">Advena Ltd. Tower Business Centre, 2nd Flr., Tower Street, Swatar, BKR 4013 Malta</div>
4006        </div>
4007        <!-- ***************** CE ****************** -->
4008
4009        
4010        <hr class="mobile-only">
4011        <!-- <div class="row" style="display: block;">
4012          <div class="app_market" style="text-align: center;">
4013              <a class="" href="https://play.google.com/store/apps/details?id=com.assemblecircle.webceph" target="_blank" style="">
4014              <img alt="Available on Google Play" class="Rt8TI " src="https://public-assets.webceph.com/static/img/playstore.png" style="width: 50%; max-width: 125px;">
4015              </a>
4016              <a class="" href="https://apps.apple.com/app/webceph/id1534844081" target="_blank">
4017              <img alt="Available on the App Store" class="Rt8TI " src="https://public-assets.webceph.com/static/img/appstore.png" style="width: 50%; max-width: 125px;">
4018              </a>
4019          </div>
4020        </div> -->
4021        <div class="row mt-2" id="gdpr_cert" style="justify-content: center;">
4022          <div class="col-5 px-0">
4023            <img src="https://public-assets.webceph.com/static/img/getwebcertificate.png" alt="Prighter certificate of Art 27 representation" style="width: 100%; max-width: 160px;">
4024          </div>
4025          <div class="col-7" style="text-align: right; padding: 0px; padding-top: 16px;">
4026<!--             <a href="https://web.facebook.com/groups/WebCeph.X" target="_blank" class="sns-btn fa fa-facebook mx-2"></a>
4027            <a href="https://www.youtube.com/c/webcephx" target="_blank" class="sns-btn fab fa-youtube mx-2"></a>
4028            <a href="https://www.instagram.com/webceph_x/" target="_blank" class="sns-btn fa fa-instagram mx-2"></a> -->
4029          </div>
4030        </div>        
4031      </div>
4032
4033
4034    </div>
4035</footer>
4036<!-- 
4037<footer class="footer" style="position:relative;z-index: 1; background-color: #fff; border-top: 1px solid #e3ebf6;">
4038    <div class="container">
4039        <div class="row">
4040            <div class="col-12">
4041                <ul class="footer-links" style="text-align:center;">
4042                    <li><a href="mailto:[email protected]">[email protected]</a>
4043                    </li>
4044                    <li class="muted">&#xB7;</li>
4045                    <li>&#xA9; 2021 AssembleCircle</li>
4046                    <li class="muted">&#xB7;</li>
4047                        <li class="muted"><a href="/en/terms/">Terms</a>
4048                    </li>
4049                    <li class="muted">&#xB7;</li>
4050                    <li class="muted"><a href="/en/privacy/">Privacy</a>
4051                    </li>
4052                </ul>
4053            </div>
4054        </div>
4055    </div>
4056</footer> -->
4057
4058<script type="text/javascript">
4059
4060  
4061
4062  var policy_type = '';
4063  var member_country = ''.trim();
4064  var language_korean_check = 'en';
4065
4066  var euCountries = [
4067    'Austria', 'Belgium', 'Bulgaria', 'Croatia', 'Cyprus',
4068    'Czech Republic', 'Denmark', 'Estonia', 'Finland', 'France',
4069    'Germany', 'Greece', 'Hungary', 'Ireland', 'Italy', 'Latvia',
4070    'Lithuania', 'Luxembourg', 'Malta', 'Netherlands', 'Poland',
4071    'Portugal', 'Romania', 'Slovakia', 'Slovenia', 'Spain', 'Sweden'
4072  ];
4073
4074  var usTimezones = [
4075    'America/New_York',
4076    'America/Chicago',
4077    'America/Denver',
4078    'America/Los_Angeles',
4079    'America/Phoenix',
4080    'America/Anchorage',
4081    'Pacific/Honolulu'
4082  ];
4083
4084  function getBrowserTimezone() {
4085    try {
4086      return Intl.DateTimeFormat().resolvedOptions().timeZone || '';
4087    } catch (e) {
4088      return '';
4089    }
4090  }
4091
4092  function isEuropeTimezone(timezone) {
4093    if (!timezone) {
4094      return false;
4095    }
4096
4097    // 로그인 전에는 국가값이 없을 수 있으므로 보수적으로 Europe/* 는 EU/Europe 안내로 분류
4098    if (timezone.indexOf('Europe/') === 0) {
4099      return true;
4100    }
4101
4102    // EU 국가지만 timezone prefix가 Europe이 아닌 케이스 보완
4103    var extraEuropeTimezones = [
4104      'Asia/Nicosia',
4105      'Atlantic/Canary',
4106      'Atlantic/Madeira',
4107      'Atlantic/Azores'
4108    ];
4109
4110    return extraEuropeTimezones.indexOf(timezone) >= 0;
4111  }
4112
4113  function getUserRegion() {
4114    var timezone = getBrowserTimezone();
4115
4116    // 1순위: 서버에 명시된 policy_type
4117    if (policy_type == 'korea') {
4118      return 'korea';
4119    } else if (policy_type == 'eu') {
4120      return 'eu';
4121    } else if (policy_type == 'us') {
4122      return 'us';
4123    } else if (policy_type == 'global') {
4124      return 'global';
4125    }
4126
4127    // 2순위: 서버에 저장된 회원 국가
4128    if (member_country == 'Korea, Republic of') {
4129      return 'korea';
4130    } else if (member_country == 'United States') {
4131      return 'us';
4132    } else if (euCountries.indexOf(member_country) >= 0) {
4133      return 'eu';
4134    }
4135
4136    // 3순위: 로그인 전 anonymous 사용자를 위한 브라우저 timezone fallback
4137    if (timezone == 'Asia/Seoul') {
4138      return 'korea';
4139    } else if (usTimezones.indexOf(timezone) >= 0) {
4140      return 'us';
4141    } else if (isEuropeTimezone(timezone)) {
4142      return 'eu';
4143    }
4144
4145    // 기존 영향 최소화: 알 수 없는 경우 기존처럼 KR 쪽 표시 유지
4146    return 'us';
4147  }
4148
4149  var userRegion = getUserRegion();
4150
4151
4152  // Policy / Terms 링크 표시
4153  $(".for_korea, .for_eu, .for_us, .for_global").hide();
4154
4155  if (userRegion == 'korea') {
4156    $(".for_korea").show();
4157    $(".dentweb_connect").show();
4158  } else if (userRegion == 'eu') {
4159    $(".for_eu").show();
4160    $(".dentweb_connect").hide();
4161  } else if (userRegion == 'us') {
4162    $(".for_us").show();
4163    $(".dentweb_connect").hide();
4164  } else {
4165    $(".for_global").show();
4166    $(".dentweb_connect").hide();
4167  }
4168
4169  // 기존 한국어 화면 동작 유지
4170  if (language_korean_check == 'ko') {
4171    $(".dentweb_connect").show();
4172  }
4173
4174  // 기존 함수명을 유지해서 다른 코드가 참조해도 깨지지 않게 둠
4175  function isUserFromKRAdvanced() {
4176    return userRegion == 'korea';
4177  }
4178
4179  function isUserFromUSAdvanced() {
4180    return userRegion == 'us';
4181  }
4182
4183  function isUserFromEUAdvanced() {
4184    return userRegion == 'eu';
4185  }
4186
4187  // Manual 링크
4188  $("#footer_manual_link_btn").click(function(e) {
4189    e.preventDefault();
4190
4191    if (isUserFromUSAdvanced()) {
4192      window.open(
4193        "https://public-assets.webceph.com/static/pdf/%5BWEBCEPH%5DUser_manual_US.pdf",
4194        '_blank'
4195      );
4196    } else if (isUserFromEUAdvanced()) {
4197      window.open(
4198        "https://public-assets.webceph.com/static/pdf/2.c.1%20%5BIFU-WEBCEPH%5D%20User%20manual_Rev04.pdf",
4199        '_blank'
4200      );
4201    } else if (isUserFromKRAdvanced()) {
4202      window.open(
4203        "https://public-assets.webceph.com/static/pdf/%5BWEBCEPH%5DUser_manual_KR.pdf",
4204        '_blank'
4205      );
4206    } else {
4207      window.open(
4208        "https://public-assets.webceph.com/static/pdf/%5BWEBCEPH%5DUser_manual_US.pdf",
4209        '_blank'
4210      );
4211    }
4212  });
4213
4214  // Version 표시
4215  $(".ver_KR, .ver_US, .ver_EU").hide();
4216
4217  if (isUserFromUSAdvanced()) {
4218    $(".ver_US").show();
4219  } else if (isUserFromEUAdvanced()) {
4220    $(".ver_EU").show();
4221  } else {
4222    $(".ver_KR").show();
4223  }
4224
4225  if (isUserFromKRAdvanced() && language_korean_check == 'ko') {
4226    $(".korea-md-disclaimer").show();
4227  }
4228
4229</script>
4229
4230
4231  
4232<!-- <div class="slider hidden" style="background-color: #fff; ">
4233  
4234                          <div class="cookie">
4235                           <h4>Cookie Policy and Notice</h4>
4236                           <button class="btn close-dark ct-newsletter-close ct-sliderPop-close" style="position: absolute; top: 0px; right: 0px;"><i class="fas fa-times"></i></button>
4237                           <p>We use cookies to improve user experience, and analyze website traffic. For these reasons, we may share your site usage data with our analytics partners. By clicking “Accept All” you consent to store on your device all the technologies described in our <a href="">Cookie Policy</a>. You can change your cookie settings at any time by clicking “Preferences.”</p>
4238                             <div class="row">
4239                               <div class="col-6" style="text-align: right;"><div class="btn btn-cookie btn-outline-success">Preferences</div></div>
4240                               <div class="col-6" style="text-align: left;"><div class="btn btn-cookie btn-success">Accept All</div></div>
4241                             </div>
4242                         </div>
4243
4244
4245</div>
4246 -->
4247
4248  
4249  
4250<script src="https://public-assets.webceph.com/static/js/sharer.min.js"></script>
vendor: 1 bytes, line 4250
4250
4251<script src="https://public-assets.webceph.com/static/js/kakao.min.js"></script>
vendor: 1 bytes, line 4251
4251
4252<script type='text/javascript'>
4253  Kakao.init('89e24769f3c525b787f729267442edf8'); //need app key
4254  function sendLink() {
4255    Kakao.Link.createDefaultButton({
4256      container: '#kakao-link-btn',
4257      objectType: 'feed',
4258      content: {
4259        title: "Invitation to WebCeph",
4260        description: "Artificial Intelligence Orthodontic and Orthognathic Cloud Platform",
4261        imageUrl: '//developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png',
4262        link: {
4263            mobileWebUrl: "",
4264            webUrl: ""
4265        }
4266      },
4267      // label:'WebCeph',
4268      // image:{
4269      //   src:'',
4270      //   width:'300',
4271      //   height:'300'
4272      // },
4273      // webButton:{
4274      //   text: 'WebCeph',
4275      //   url: 'https://webceph.com'
4276      // }
4277
4278    });
4279  }
4280 function copyLink() {
4281
4282    var aux = document.createElement("input");
4283    aux.setAttribute("value", "");
4284    document.body.appendChild(aux);
4285    aux.select();    
4286    document.execCommand("copy");
4287    aux.blur();  
4288    document.body.removeChild(aux);
4289
4290    var toosapp_link = "";
4291    bootbox.confirm({
4292                            title: "<b>Invitation Link successfully copied.</b>",
4293                            message: "Invitation link is successfully copied.<br><br><input type='text' name='invitation_link' id='patientURL' style='width: 100%;text-muted;opacity:0.3;' value='"+toosapp_link+"' readonly disabled oncopy='return false' onpaste='return false'><br><br>By sending this link to the your friends and signing up for <b>WebCeph</b>.",
4294
4295
4296                            closeButton: false,
4297                            buttons: {
4298                             confirm: {
4299                                 className: 'btn-webceph-3',
4300                                   label: 'OK'
4301                               },
4302                                
4303                            },
4304                            callback: function (result) {                 
4305                            }
4306              });
4307  
4308  }
4309</script>
4309
4310
4311
4312  
4312<script type="text/javascript" src='https://public-assets.webceph.com/static/js/cookieconsent.js'></script>
4312
4313  
4313<script>
4314
4315
4316    if (navigator.userAgent.toLowerCase().indexOf('webcephclient')==-1){
4317        try {
4318            var cookieconsent = initCookieConsent();
4319
4320            cookieconsent.run({
4321                current_lang : 'en',
4322                theme_css : 'https://public-assets.webceph.com/static/css/cookieconsent.css',
4323                gui_options: {
4324                    consent_modal : {
4325                        layout : 'cloud',
4326                        position : 'bottom center',
4327                        transition: 'slide'
4328                    },
4329                    settings_modal : {
4330                        layout : 'box',
4331                        transition: 'slide'
4332                    }
4333                },
4334                onAccept : function(){},
4335                languages : {
4336                    en : {
4337                        consent_modal : {
4338                            title :  "Cookie Policy of WEBCEPH",
4339                            description : 'We use only essential cookies that are strictly necessary for the website to function properly. No tracking or analytics cookies are used.',
4340                            primary_btn: {
4341                              text: 'OK, understood',
4342                              role: 'accept_all'
4343                            },
4344                            secondary_btn: {
4345                                text: 'View Cookie Info',
4346                                role: 'settings'
4347                            }
4348                        },
4349                        settings_modal : {
4350                            title : 'Cookie Preferences',
4351                            save_settings_btn : "Save settings",
4352                            accept_all_btn : 'OK, understood',
4353                            close_btn_label: "Close",
4354                            blocks : [
4355                                {
4356                                    title : "Your Cookie Preferences",
4357                                    description : 'We use only essential cookies that are strictly necessary for the website to function properly. No tracking or analytics cookies are used.'
4358                                },{
4359                                    title : "(Required) Essential Cookies",
4360                                    description: 'These cookies are strictly necessary to provide you with services available through our websites and to use some of its features, such as access to secure areas.',
4361                                    toggle : {
4362                                        value : 'necessary',
4363                                        enabled : true,
4364                                        readonly: true
4365                                    }
4366                                },
4367                            ]
4368                        }
4369                    }
4370                }
4371            });
4372
4373        } catch(e) {
4374            console.warn('Cookie consent unavailable (possibly blocked by an ad blocker):', e);
4375        }
4376    }
4377
4378    // $(document).ready(function(){
4379      
4380    //   
4381$("#menu-share").tooltip({
4382    delay: {show: 0, hide: 2500}
4383}); 
4384if($('body').width()<767){
4385  if (navigator.userAgent.toLowerCase().indexOf('webcephclient')>-1){
4386    $('.float').css('bottom', '15px');
4387    $('ul.share-buttons').css('bottom', '40px');
4388    $('.float').css('display', 'block');
4389  }else{
4390    $('.float').css('bottom', '65px');
4391    $('ul.share-buttons').css('bottom', '90px');
4392    $('.float').css('display', 'block');
4393  }
4394}
4395
4396
4397
4398    // });
4399  </script>
4399
4400    
4401  </body>
4402</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.