WangHansen.github.io/blogs.html at master · WangHansen/WangHansen.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" href="img/icons/hansenbw.ico" />
	<title>Hansen's Blogs</title>

	<link rel="stylesheet" href="css/blog.css">
	<link rel="stylesheet" href="css/header_footer.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/blog.js"></script>
	<script type="text/javascript" src="js/header_footer.js"></script>
</head>
<body>
	<div id="fb-root"></div>
	<header></header>
	<div class="mainBody">
		<div class="top">
			<img src="img/blogs.png" style="padding-top: 200px;" alt="">
			<!-- <img src="img/blogs/welcome.png" style="margin-top: 10px;" alt=""> -->
		</div>
		<div class="content">
			<div class="Container">
				<article class="article1 col-md-8 col-sm-12">
					<figure>
						<a href="blogs/iphonese.html" id="article1"></a>
						<img src="img/blogs/apple_iphone_se.jpg" alt="">
						<!-- <a class="share" href="">share <img src="img/icons/share.png" style="display: inline-block; width: 24px !important" alt=""></a> -->
						<figcaption>
							<h2 style="padding: 0 20px; font-weight: 700">Is the anouncement of IPhoneSE a sign of apple going downhill?</h2>
							<p>Apple held a special event on March 23rd. IPhone SE was released on the event, this was supposed to be a price for apple fans, however after its announcement, the stock price of Apple dropped that day...</p>
						</figcaption>
					</figure>
				</article>
				<article class="article2 col-md-4 col-sm-12">
					<figure>
						<a href="blogs/appledidi.html" id="article2"></a>
						<img src="img/blogs/blog2.jpg" alt="">
<!-- 						<a class="share" href="">share <img src="img/icons/share.png" style="display: inline-block; width: 24px !important" alt=""></a>
 -->						<figcaption>
							<h2 style="padding: 0 20px; font-weight: 700">What I think about Apple's $1 billion investment in Didi</h2>
							<p>Just several days ago, Apple made an $1 billion dollar investment in Chinese 'Uber' Didi Chuxing, what does Tim Cook want this time?</p>
						</figcaption>
					</figure>
				</article>
				<article class="article3 col-md-4 col-sm-12">
					<figure>
						<a href="" id="article3"></a>
						<img src="" alt="">
<!-- 						<a class="share" href="">share <img src="img/icons/share.png" style="display: inline-block; width: 24px !important" alt=""></a>
 -->						<figcaption>
							<h2 style="padding: 0 20px; font-weight: 700">Coming Soon...</h2>
							<p>I will keep updating my blogs...</p>
						</figcaption>
					</figure>
				</article>
				<article class="article4 col-md-4 col-sm-12">
					<figure>
						<a href="" id="article4"></a>
						<img src="" alt="">
						<!-- <a class="share" href="">share <img src="img/icons/share.png" style="display: inline-block; width: 24px !important" alt=""></a> -->
						<figcaption>
							<h2 style="padding: 0 20px; font-weight: 700">Coming Soon...</h2>
							<p>I will keep updating my blogs...</p>
						</figcaption>
					</figure>
				</article>
				<article class="article5 col-md-4 col-sm-12">
					<figure>
						<a href="" id="article5"></a>
						<img src="" alt="">
						<!-- <a class="share" href="">share <img src="img/icons/share.png" style="display: inline-block; width: 24px !important" alt=""></a> -->
						<figcaption>
							<h2 style="padding: 0 20px; font-weight: 700">Coming Soon...</h2>
							<p>I will keep updating my blogs...</p>
						</figcaption>
					</figure>
				</article>
			</div>
		</div>
	</div>
	<footer class="footer"></footer>
</body>
</html>