Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 45 additions & 7 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,22 @@
<html>
<head>
<title>Document Two Sections</title>
<link rel="stylesheet" href="style.css">
<link
rel="stylesheet"
href="style.css"
/>

<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<h1>Excepteur Sint Occaecat</h1>
<p id="paragraph1">Lorem ipsum <strong>dolor</strong> sit <em>amet</em>, <b>consectetur</b> adipiscing <i>elit</i>. Duis condimentum sagittis ex</p>
<p id="paragraph1">
Lorem ipsum <strong>dolor</strong> sit <em>amet</em>,
<b>consectetur</b> adipiscing <i>elit</i>. Duis condimentum sagittis ex
</p>
<ul class="list">
<li class="">
<a href="#">first point</a>
Expand All @@ -15,20 +26,47 @@ <h1>Excepteur Sint Occaecat</h1>
<a href="#">second point</a>
</li>
<li class="">
<a href="#"> <!-- use .list-item-link class if you are confused about nested selectors -->
<a href="#">
<!-- use .list-item-link class if you are confused about nested selectors -->
third point
</a>
</li>
<!-- here i add signup page link thats redirect the signup page -->
<li class="">
<a href="./signup.html">
<!-- use .list-item-link class if you are confused about nested selectors -->
sign up
</a>
</li>
</ul>
<h2 class="highlight point">Duis Aute</h2>
<p>Quis nostrud exercitation ullamco <a href="https://yahoo.com" target="_blank">laboris</a> nisi ut aliquip ex ea commodo consequat.</p>
<img src="https://www.rd.com/wp-content/uploads/2016/01/04-dog-breeds-dalmation.jpg" width="150" alt="a Dalmatian dog">
<audio src="https://github.com/nbktechworld/introduction-to-html/raw/abcdac58651ba724c40665c82dd55f171534115f/document-two-sections/barking.mp3" controls></audio>
<p>
Quis nostrud exercitation ullamco
<a
href="https://yahoo.com"
target="_blank"
>laboris</a
>
nisi ut aliquip ex ea commodo consequat.
</p>
<img
src="https://www.rd.com/wp-content/uploads/2016/01/04-dog-breeds-dalmation.jpg"
width="150"
alt="a Dalmatian dog"
/>
<audio
src="https://github.com/nbktechworld/introduction-to-html/raw/abcdac58651ba724c40665c82dd55f171534115f/document-two-sections/barking.mp3"
controls
></audio>
<ol>
<li>first point</li>
<li>second point</li>
<li>third point</li>
</ol>
<video src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" controls width="300"></video>
<video
src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
controls
width="300"
></video>
</body>
</html>
7 changes: 6 additions & 1 deletion src/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,13 @@
#paragraph1 {
color: rgb(0, 0, 0);
background-color: #95ffcd;
text-align:center;
text-align: center;
}
strong {
background-color: black;
}

/* here i add Montserrat font */
body {
font-family: "Montserrat", sans-serif;
}