practicaHTML5CSS3/src/index.html at master · ManuelSdev/practicaHTML5CSS3 · GitHub

FFFF practicaHTML5CSS3/src/index.html at master · ManuelSdev/practicaHTML5CSS3 · GitHub

114 lines (101 loc) · 3.96 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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Hammersmith One">

<link rel="stylesheet" href="css/styles.css">

<link rel="stylesheet" href="css/reset.css">

<link rel="stylesheet" href="css/login.css">

<title>Document</title>

</head>

<body>

<header class="header">

<nav id="nav" class="nav">

<div class="nav-left-wrapper">

<a class="logo-icon" href="index.html">

<img class="logo-icon" src="images/netflix.png">

</a>

<!--

<form class="searchBar">

<imput type="text" id="searchImput" class="searchImput"/>

<button type="submit" class="searchButtom"></button>

</form>

-->

<ul class="nav-list">

<li class="nav-item"><a href="">Novedades</a></li>

<li class="nav-item"><a href="">Series</a></li>

<li class="nav-item"><a href="">Péliculas</a></li>

<li class="nav-item"><a href="">Favoritos</a></li>

</ul>

</div>

<div class="nav-right-wrapper">

<div class="search">

<img class="search-icon" src="../images/search.png"/>

<form class="search-bar">

<input type="text" id="search-input" class="search-input"/>

</form>

</div>

<div class="user">

<img class="search-icon" src="images/user.png"/>

</div>

</div>

</nav>

</header>

<main class="main-page">

<section id="login">

<!--

<div class="login-form">

<h1>Iniciar sesión</h1>

<form

action="./enviado.html"

method="GET"

name="contact-form"

id="contact-form"

class="contact-form"

>

<div class="contact-data">

<p>

<input type="email" class="input-form-text" name="email" placeholder="Correo electrónico" required /><br />

</p>

<p>

<input type="password" class="input-form-text" name="pass" placeholder="Contraseña"/><br />

</p>

</div>

<p class="actions">

<input type="submit" class="submit-button"value="Iniciar sesión" />

</p>

<div class="forgot-access">

<a class="forgot-access-link" href="#"> ¿Olvidaste tu contraseña?

</a>

</div>

</form>

</div>

-->

<div class="form-wrapper">

<div class="logo">Iniciar sesión</div>

<div class="login-item">

<form action="" method="" class="form-login">

<div class="form-field">

<input type="email" class="form-input" name="email" placeholder="Correo electrónico" >

</div>

<div class="form-field">

<input type="password" class="form-input" placeholder="Contraseña" >

</div>

<a href="main.html">

<div class="form-field">

<input type="button" class="form-input" value="Iniciar sesión">

</div>

</a>

<div class="forgot-access">

<a class="forgot-access-link" href="#"> ¿Olvidaste tu contraseña?</a>

</div>

</form>

</div>

</div>

</section>

</main>

</body>

</html>

0