Skip to content

Commit 01ba2a3

Browse files
libangruilibangrui
committed
add all style sections except animations
1 parent 58695bd commit 01ba2a3

33 files changed

+660
-103
lines changed

‎layouts/index.html‎

Lines changed: 133 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,137 @@
11
{{ partial "header.html" . }}
22

3-
<section id="main">
4-
<div class="container">
5-
<div class="section-content" data-aos="fade-up">
6-
<h1 class="section-title">Application Management</h1>
7-
<h1 class="section-title">Platform on Multi-Cloud Environment</h1>
8-
<p class="section-desc">OpenPitrix is an Open-source, enterprise system for package ,deploy and orchestration applications into multiple cloud environments such as QingCloud, AWS, Kubernetes etc.</p>
9-
<p class="section-link">COMING SOON...</p>
10-
</div>
11-
</div>
12-
<img class="section-img11 float float11" src="/assets/1-1.png" alt="">
13-
<img class="section-img12 float float12" src="/assets/1-2.png" alt="">
14-
<img class="section-img13 float float13"src="/assets/1-3.png" alt="">
15-
<img class="section-img14" src="/assets/1-4.png" alt="">
16-
</section>
3+
<div id="main">
4+
<section class="first">
5+
<div class="container">
6+
<div class="section-content" data-aos="fade-up">
7+
<h1 class="section-title">Application Management</h1>
8+
<h1 class="section-title">Platform on Multi-Cloud Environment</h1>
9+
<p class="section-desc">OpenPitrix is an Open-source, enterprise system for package ,deploy and orchestration applications into multiple cloud environments such as QingCloud, AWS, Kubernetes etc.</p>
10+
<p class="section-link">COMING SOON...</p>
11+
</div>
12+
</div>
13+
<img class="section-img11 float float11" src="/assets/1-1.png" alt="">
14+
<img class="section-img12 float float12" src="/assets/1-2.png" alt="">
15+
<img class="section-img13 float float13"src="/assets/1-3.png" alt="">
16+
<img class="section-img14" src="/assets/1-4.png" alt="">
17+
</section>
18+
19+
<section class="second">
20+
<div class="container">
21+
<div class="section-content">
22+
<h3 class="section-title">Why OpenPitrix?</h3>
23+
<div class="section-desc">
24+
Since software used in business, diversity software was developed. For example, categorize by architecture：
25+
<ul>
26+
<li>Java EE traditional enterprise application.</li>
27+
<li>LAMP ( linux,apache,mysql/postgresql,php/python/perl ) Open Source Software stack.</li>
28+
<li>Virtalization image.</li>
29+
<li>Container image.</li>
30+
<li>Microservice components.</li>
31+
<li>and a lot of more.</li>
32+
</ul>
33+
This is Cloud era, so all above application must run on cloud computing, Just like QingCloud,AWS, Or VMware, Kubernetes based envrionment. Which framework or platform can do this? So OpenPitrix make sence, born for resovle this problem.
34+
</div>
35+
</div>
36+
37+
<img class="section-img21" src="/assets/2-1.png" alt="star1" />
38+
<img class="section-img22" src="/assets/2-2.png" alt="star2" />
39+
<img class="section-img23" src="/assets/2-3.png" alt="star3" />
40+
<img class="section-img24" src="/assets/2-4.png" alt="oval1" />
41+
<img class="section-img25" src="/assets/2-5.png" alt="oval2" />
42+
<img class="section-img26" src="/assets/2-6.png" alt="why" />
43+
</div>
44+
</section>
45+
46+
<section class="fourth">
47+
<div class="container">
48+
<div class="section-content">
49+
<h3 class="section-title">Support multiple cloud platforms</h3>
50+
<p class="section-desc">
51+
Adopted plug-in style development framework, abstraction the current mainstream cloud platform interface , uniform them for the user is completely transparent, reducing complexity for application developer.
52+
</p>
53+
<p class="section-desc">
54+
public cloud platform supported include: AWS, GCE, Azure, QingCloud,etc.<br />
55+
private cloud platform supported : Kubernetes, OpenStack, QingCloud,etc.
56+
</p>
57+
</div>
58+
59+
<img class="section-img41" src="/assets/4-1.png" alt="support-cloud" />
60+
<img class="section-img42" src="/assets/4-2.png" alt="support" />
61+
</div>
62+
</section>
63+
64+
<section class="fifth">
65+
<div class="container">
66+
<div class="section-content">
67+
<h3 class="section-title">
68+
Unify all kind of application,monolitic,microservice,distributed,etc.
69+
</h3>
70+
<p class="section-desc">
71+
The technology is evolving, application is same, but old sytle not disappear. all kinds of application coexist in cloud computing era. OpenPitrix adopted distributed configurtion management, abstract meta configuration infomation, compatible with all(almost) application.
72+
</p>
73+
</div>
74+
75+
<img class="section-img51" src="/assets/5-1.png" alt="unify-bg" />
76+
<img class="section-img52" src="/assets/5-2.png" alt="unify" />
77+
</div>
78+
</section>
79+
80+
<section class="sixth">
81+
<div class="container">
82+
<div class="section-content">
83+
<h3 class="section-title">Adopted microservice for openpitrix itself</h3>
84+
<p class="section-desc">
85+
Openpitrix adopted microservice, every funcation have indepent service, architecture high level .
86+
</p>
87+
</div>
88+
89+
<img class="section-img61" src="/assets/6-1.png" alt="ui" />
90+
<img class="section-img62" src="/assets/6-2.png" alt="dot" />
91+
<img class="section-img63" src="/assets/6-3.png" alt="app" />
92+
<img class="section-img64" src="/assets/6-4.png" alt="block1" />
93+
<img class="section-img65" src="/assets/6-5.png" alt="circle" />
94+
<img class="section-img66" src="/assets/6-6.png" alt="repo" />
95+
<img class="section-img67" src="/assets/6-7.png" alt="runtime" />
96+
<img class="section-img68" src="/assets/6-8.png" alt="APP" />
97+
<img class="section-img69" src="/assets/6-9.png" alt="block2" />
98+
<i class="dot-repo1"></i>
99+
<i class="dot-repo2"></i>
100+
<i class="dot-repo3"></i>
101+
<i class="dot-runtime1"></i>
102+
<i class="dot-app1"></i>
103+
<i class="dot-app2"></i>
104+
</div>
105+
</section>
106+
107+
<section class="seventh">
108+
<div class="section-wave">
109+
<img class="section-img70" src="/assets/7-0.png" alt="wave1" />
110+
</div>
111+
112+
<div class="container">
113+
<div class="section-content">
114+
<h3 class="section-title">As the picture show</h3>
115+
</div>
116+
<div class="section-process">
117+
</div>
118+
119+
<img class="section-img71" src="/assets/7-1.png" alt="wave2" />
120+
<img class="section-img72" src="/assets/7-2.png" alt="diamond1" />
121+
<img class="section-img73" src="/assets/7-3.png" alt="diamond2" />
122+
</div>
123+
</section>
124+
125+
<section class="eighth">
126+
<div class="container">
127+
<div class="section-content">
128+
<h3 class="section-title">Case Studies</h3>
129+
<div class="section-case">
130+
<a href="#"><img src="/assets/8-1.png" alt="中国民生银行" /></a><a href="#"><img src="/assets/8-2.png" alt="泰康人寿" /></a>
131+
</div>
132+
</div>
133+
</div>
134+
</section>
135+
</div>
17136

18137
{{ partial "footer.html" . }}

‎layouts/partials/footer.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@ <h1>About Pitrix itself</h1>
1212
</div>
1313
</div>
1414
</footer>
15-
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
16-
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
15+
<script src="/js/lib/jquery-3.3.1.min.js"></script>
16+
<script src="/js/plugin/aos.js"></script>
1717
<script src="/js/main.js"></script>
1818
</body>
1919
</html>

‎layouts/partials/header.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,9 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>{{ .Title }} | {{ .Site.Title }}</title>
7+
<link rel="stylesheet" href="{{ "/css/plugin/aos.css" | relURL }}" />
78
<link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" />
8-
<link rel="stylesheet" href="{{ "/fonts/roboto/roboto.css" | relURL }}" />
9-
<link rel="stylesheet" href="{{ "/css/fonts.css" | relURL }}" />
10-
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
9+
1110
{{ partial "head_custom.html" . }}
1211
</head>
1312

‎static/assets/2-1.png‎

3.92 KB
Loading

‎static/assets/2-2.png‎

2.42 KB
Loading

‎static/assets/2-3.png‎

4.18 KB
Loading

‎static/assets/2-4.png‎

1.65 KB
Loading

‎static/assets/2-5.png‎

4.53 KB
Loading

‎static/assets/2-6.png‎

99.7 KB
Loading

‎static/assets/4-1.png‎

247 KB
Loading

0 commit comments

Comments
 (0)