-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontent.html
More file actions
155 lines (121 loc) · 7.43 KB
/
content.html
File metadata and controls
155 lines (121 loc) · 7.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Resume</title>
<meta name="description" content="Unika - Responsive One Page HTML5 Template">
<meta name="keywords" content="HTML5, Bootsrtrap, One Page, Responsive, Template, Portfolio" />
<meta name="author" content="imransdesign.com">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'> <!-- Body font -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'> <!-- Navbar font -->
<!-- Libs and Plugins CSS -->
<link rel="stylesheet" href="inc/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="inc/animations/css/animate.min.css">
<link rel="stylesheet" href="inc/font-awesome/css/font-awesome.min.css"> <!-- Font Icons -->
<link rel="stylesheet" href="inc/owl-carousel/css/owl.carousel.css">
<link rel="stylesheet" href="inc/owl-carousel/css/owl.theme.css">
<!-- Theme CSS -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css">
<!-- Skin CSS -->
<link rel="stylesheet" href="css/skin/cool-gray.css">
<!-- <link rel="stylesheet" href="css/skin/ice-blue.css"> -->
<!-- <link rel="stylesheet" href="css/skin/summer-orange.css"> -->
<!-- <link rel="stylesheet" href="css/skin/fresh-lime.css"> -->
<!-- <link rel="stylesheet" href="css/skin/night-purple.css"> -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target="#main-navbar">
<div class="page-loader"></div> <!-- Display loading image while page loads -->
<div class="body">
<!--========== BEGIN HEADER ==========-->
<header id="header" class="header-main">
<!-- Begin Navbar -->
<nav id="main-navbar" class="navbar navbar-default navbar-fixed-top" role="navigation"> <!-- Classes: navbar-default, navbar-inverse, navbar-fixed-top, navbar-fixed-bottom, navbar-transparent. Note: If you use non-transparent navbar, set "height: 98px;" to #header -->
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="index.html">Unika</a>
</div>
</div><!-- /.container -->
</nav>
<!-- End Navbar -->
</header>
<!-- ========= END HEADER =========-->
<!-- Begin testimonials -->
<section id="testimonial-section">
<div id="testimonial-trigger" class="testimonial text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(img/testimonial-bg.jpg);">
<div class="cover"></div>
<!-- Begin page header-->
<div class="page-header-wrapper">
<div class="container">
<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
<h2>学无止境</h2>
<div class="devider"></div>
<p class="subtitle">What people say about us</p>
</div>
</div>
</div>
<!-- End page header-->
<div class="container">
<div class="testimonial-inner center-block text-center">
<div id="owl-testimonial" class="owl-carousel">
<div class="item">
<blockquote style="text-align:left">
<p>框架（Framework）是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法;
另一种定义认为，框架是可被应用开发者定制的应用骨架。前者是从应用方面而后者是从目的方面给出的定义。</p>
<p>可以说，一个框架是一个可复用的设计构件，它规定了应用的体系结构，阐明了整个设计、协作构件之间的依赖关系、责任分配和控制流程，
表现为一组抽象类以及其实例之间协作的方法，它为构件复用提供了上下文(Context)关系。因此构件库的大规模重用也需要框架。</p>
<p>构件领域框架方法在很大程度上借鉴了硬件技术发展的成就，它是构件技术、软件体系结构研究和应用软件开发三者发展结合的产物。
在很多情况下，框架通常以构件库的形式出现，但构件库只是框架的一个重要部分。框架的关键还在于框架内对象间的交互模式和控制流模式。</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End testimonials -->
<!-- Begin footer -->
<footer class="text-off-white">
<div class="footer">
<div class="container text-center wow fadeIn" data-wow-delay="0.4s">
<p class="copyright">Copyright © 2017 - 2027 & 湖南长沙 </p>
</div>
</div>
</footer>
<!-- End footer -->
<a href="#" class="scrolltotop"><i class="fa fa-arrow-up"></i></a> <!-- Scroll to top button -->
</div><!-- body ends -->
<!-- Plugins JS -->
<script src="inc/jquery/jquery-1.11.1.min.js"></script>
<script src="inc/bootstrap/js/bootstrap.min.js"></script>
<script src="inc/owl-carousel/js/owl.carousel.min.js"></script>
<script src="inc/stellar/js/jquery.stellar.min.js"></script>
<script src="inc/animations/js/wow.min.js"></script>
<script src="inc/waypoints.min.js"></script>
<script src="inc/isotope.pkgd.min.js"></script>
<script src="inc/classie.js"></script>
<script src="inc/jquery.easing.min.js"></script>
<script src="inc/jquery.counterup.min.js"></script>
<script src="inc/smoothscroll.js"></script>
<!-- Theme JS -->
<script src="js/theme.js"></script>
</body>
</html>