forked from cmsc389T-spring23/cmsc389T-web-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage.html
116 lines (111 loc) · 4.63 KB
/
page.html
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
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style2.css">
<script src="js/scripts.js"></script>
</head>
<body>
<header>
<nav class="same-line">
<div class="topnav left">
<a href="#news">YOUR NAME</a>
</div>
<div class="topnav right">
<a href="#home">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
</div>
</nav>
</header>
<section id="home">
<div class="center">
<h1>YOUR NAME</h1>
<h2>Undergraduate Student</h2>
<h3>Majors, Minors</h3>
</div>
</section>
<section id="about">
<div class="container reveal">
<h2>About</h2>
<div class="text-container">
<div class="text-box">
<h3>Section Text</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
eius molestiae perferendis eos provident vitae iste. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Quam blanditiis,
officiis, voluptate quisquam aperiam nobis est, quis neque esse
soluta dolores iste sit corrupti! Magnam, delectus qui. Odit,
accusamus doloremque.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex est
rerum id quis eaque rem suscipit reprehenderit quaerat vero
nesciunt?
</p>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Voluptatum, eaque voluptatibus. Eaque tempore quam nesciunt. Lorem
ipsum dolor sit amet consectetur adipisicing elit. Eum adipisci
blanditiis assumenda atque officiis? Vel, fuga facilis quia
reprehenderit nihil optio harum. Quo sapiente veniam atque
corporis tempora non repellat?
</p>
</div>
</div>
</div>
</section>
<section id="services">
<div class="container reveal">
<h2>Services</h2>
<div class="text-container">
<div class="text-box">
<h3>Section text</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
eius molestiae perferendis eos provident vitae iste.
</p>
</div>
<div class="text-box">
<h3>Section Text</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
eius molestiae perferendis eos provident vitae iste.
</p>
</div>
<div class="text-box">
<h3>Section Text</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
eius molestiae perferendis eos provident vitae iste.
</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container reveal">
<h2>Contact</h2>
<div class="text-container">
<div class="text-box">
<h3>Section Text</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="text-box">
<h3>Section Text</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
</section>
<div class="footer">
<p>YOUR NAME<br>
<a href="mailto:[email protected]"> YOUR EMAIL</a>
</p>
</div>