Skip to content

Commit 1a8db37

Browse files
Andy-Python-ProgrammerAndy-Python-Programmer
committed
IDE Design Finish
1 parent 17b7c91 commit 1a8db37

26 files changed

+575
-72
lines changed

‎docs/temp/Apple.html‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="Apple.min.css">
8+
<link rel = "icon" type = "image/png" href = "Images/Icons/Apple.png">
9+
<title>Apple</title>
10+
</head>
11+
<body>
12+
<header>
13+
<div class="container">
14+
<nav class="nav">
15+
<ul class="nav-list nav-list-mobile">
16+
<li class="nav-item">
17+
<div class="mobile-menu">
18+
<span class="line line-top"></span>
19+
<span class="line line-bottom"></span>
20+
</div>
21+
</li>
22+
<li class="nav-item">
23+
<a href="Apple.html" class="nav-link nav-link-apple"></a>
24+
</li>
25+
<li class="nav-item">
26+
<a href="#" class="nav-link nav-link-bag"></a>
27+
</li>
28+
</ul>
29+
<!-- /.nav-list nav-list-mobile -->
30+
<ul class="nav-list nav-list-larger">
31+
<li class="nav-item nav-item-hidden">
32+
<a href="Apple.html" class="nav-link nav-link-apple"></a>
33+
</li>
34+
<li class="nav-item">
35+
<a href="#" class="nav-link">Mac</a>
36+
</li>
37+
<li class="nav-item">
38+
<a href="#" class="nav-link">iPad</a>
39+
</li>
40+
<li class="nav-item">
41+
<a href="#" class="nav-link">iPhone</a>
42+
</li>
43+
<li class="nav-item">
44+
<a href="#" class="nav-link">Watch</a>
45+
</li>
46+
<li class="nav-item">
47+
<a href="#" class="nav-link">TV</a>
48+
</li>
49+
<li class="nav-item">
50+
<a href="#" class="nav-link">Music</a>
51+
</li>
52+
<li class="nav-item">
53+
<a href="#" class="nav-link">Support</a>
54+
</li>
55+
<li class="nav-item">
56+
<a href="#" class="nav-link nav-link-search search-toggle"></a>
57+
</li>
58+
<li class="nav-item nav-item-hidden">
59+
<a href="#" class="nav-link nav-link-bag"></a>
60+
</li>
61+
</ul>
62+
<!-- /.nav-list nav-list-larger -->
63+
</nav>
64+
</div>
65+
</header>
66+
<section class="hero iphone-11-pro">
67+
<div class="container">
68+
<div class="title">
69+
<h2 class="title-heading">iPhone 11 Pro</h2>
70+
<h3 class="title-sub-heading">Pro cameras. Pro display. Pro performance.</h3>
71+
<p class="title-price">From $24.95/mo. or $599 with trade in.*</p>
72+
</div>
73+
<div class="cta">
74+
<a href="#" class="cta-link">Learn More</a>
75+
<a href="#" class="cta-link">Buy</a>
76+
</div>
77+
</div>
78+
</section>
79+
<section class="hero iphone-11">
80+
<div class="container">
81+
<div class="title title-dark">
82+
<h2 class="title-heading">iPhone 11</h2>
83+
<h3 class="title-sub-heading">Just the right amount of everything.</h3>
84+
<p class="title-price">From $16.62/mo. or $399 with trade in.*</p>
85+
</div>
86+
<div class="cta">
87+
<a href="#" class="cta-link cta-link-darker">Learn More</a>
88+
<a href="#" class="cta-link cta-link-darker">Buy</a>
89+
</div>
90+
</div>
91+
</section>
92+
<section class="hero watch">
93+
<div class="container">
94+
<div class="title title-dark">
95+
<h2 class="title-heading-watch"></h2>
96+
<h3 class="title-sub-heading line-height">With the new always-On Retina display. <br>
97+
You've never seen a watch like this.</h3>
98+
</div>
99+
<div class="cta">
100+
<a href="#" class="cta-link cta-link-darker">Learn More</a>
101+
<a href="#" class="cta-link cta-link-darker">Buy</a>
102+
</div>
103+
</div>
104+
</section>
105+
<script src="Apple.min.js"></script>
106+
</body>
107+
</html>

0 commit comments

Comments
 (0)